section1 <HTML 개요 및 기본 태그>
HTML은 마크업언어로 웹문서를 작성하며 태그를 사용해 문서 구조 등을 기술하는 언어
<글로벌 속성> : 어느태그에나 넣어서 사용할 수 있음
| 글로벌 속성 | 설명 |
| class | 태그에 적용할 스타일의 이름 지정 <div class="apple"> |
| dir | 내용의 텍스트 방향을 지정 <p dir="rtl"> : 기본값 왼쪽맞춤 |
| id | 태그에 유일한 id를 부여함 자바스크립트 제어에서 주로 사용 <div id="네모"> |
| style | 인라인 스타일시트를 적용하기 위해 사용 <p style="color:red"> 글자가 빨간색으로 나타남 |
<태그>
- <!DOCTYPE>: 현재의 문서를 html문서로 선언
- <head> : 인코딩, 키워드, 뷰포트 등의 문서에 대한 정보제공 :타이틀, 스타일, 메타, 링크, 스크립트, 베이스 태그 등을 사용해서 작성
- <body>: 화면에 표시되는 문서의 내용=> css파일에서 지정하는 것을 권장
- <p> : 문단과 문단 사이를 구분할 때 사용
- <i>,<b> : 글자를 강조할 떄 사용하는 것 // <i>: 기울임 /<b> :bold
- <img> : 이미지 삽입할 떄 사용 - 태그의 표현과 관련된 것은 css파일에서 지정하는 것을 권장
- src="파일이름"
-alt = "대신할 문자" : 이미지가 표시되지 못할 경우 대신 표시할 메시지 지정
- <script>: 웹 페이지의 처리를 담당하는 코드인 자바스크립트를 정의함.
참고) 스크린과 뷰포트
스크린: 브라우저 창
뷰포트 : 브라우저에서 문서의 내용이 표시되는 영역
<리스트태그>
:목록을 만들 떄 사용하며, 순서 없는 리스트는 <ul>태그를 사용하고 , 순서 있는 리스트는 <ol> 태그를 사용한다
목록의 내용인 아이템은 <li> 태그에 기술함.
최근에는 리스트 태그를 메뉴로 만들 때 주로 <ul>태그를 <a>태그와 함꼐 사용함.
헤더영역에서 내비게이션바(메뉴) 를 작성할 때 사용
<a>태그
: 하이퍼링크를 사용해서 이동할 페이지 또는 이동할 위치를 지정할 떄 사용함
CSS 파일에서 지정하는 것을 권장
주요속성 - href="이동할 페이지 또는 위치" : 다른 문서로 이동 또는 같은 문서 내의 특정 위치로 이동할 때 사용함
<a href="#"></a>
<테이블태그>
: 표를 작성하는 태그
: 행과 열을 표시하는 <tr>,<td> 태그를 사용함.
고정 크기의 웹 사이트를 개발하는 경우 사용하는 것을 권장하며, 반응형 웹 사이트와 같이 유동형 구조의 표현에는 거의 사용되지 않음.
<div 태그>
: html 문서에서 영역 또는 구역 정의
주로 문서를 구역 별로 나누거나 스타일시트를 적용할 그룹영역으로 사용하거나 문서전체에 스타일시트 적용을 초기화할 때 사용
각 <div> 태그는 id속성을 사용해서 구분하며, 스타일시트는 id속성 또는 class 속성을 사용하며 적용함
-문서 전체에 스타일시트 적용 또는 초기화 할 떄
<div id="wrapper"></div>
'HTML&CSS&JavaScript > 교재' 카테고리의 다른 글
| CH4- sec2 태그를 표현하는 CSS와 Advanced CSS3 (0) | 2025.02.26 |
|---|---|
| CH4- sec1 태그를 표현하는 CSS와 Advanced CSS3 (0) | 2025.02.25 |
| CH3 - sec2 문서를 구조화하는 HTML (0) | 2025.02.22 |
| CH2 - sec 1,2 코드를 작성하고 실행하는 개발 환경 설정 (1) | 2025.02.20 |
| CH1-sec1,2 HTML5, CSS3, 자바스크립트의 개요 (1) | 2025.02.19 |