1. HTML 태그
- div : 영역을 의미한다. 무엇을 위한 영역인지는 알 수 없다.
- h1~h6 : 제목을 의미한다.
- ol : 순서 있는 목록을 의미한다. 이 태그 안에는
- 가 포함될 수 있으며, 포함된 항목은
순서대로 일련번호가 포함된다. - ul : 순서 없는 목록을 의미한다. 이 태그 안에는
- 가 포함될 수 있으며, 항목은 순서대로
도형표시가 포함된 상태로 출력된다. - hr : 직선을 표시하는 태그 (---------------------------)
- p : 본문을 정의하기 위한 태그. 서로 다른 p 태그 간에는 문단간 여백이 형성된다.
- address : 주소, 저작권(카피라이트) 회사의 연락처를 기입하는 문장을 강조하기 위해 사용한다.
- 카피라이트 특수 문자 :
©
< : < (작다 라는 뜻)
> : > ( 크다 라는 뜻)
& : & (엔드)- img : 이미지를 표시하기 위한 태그
- figure, figcaption : 기존의 HTML 은 이미지에 대한 시멘틱 특성을 충족시키기 위해 설명을 alt 속성으로
표현하는 것이 유일한 방법이었으나, 브라우저에 따라서 표현에 어려움이 있었다. - figure : 캡션이 적용되는 범위를 지정하는 태그로, 대부분 이미지를 감싸는데 사용된다.
- figcaption : figure 태그안에 img 태그를 배치시키고, 이미지에 대한 설명을 담은 캡션은 figcaption을 사용한다.
- table : 행(tr), 열(td)
- thead : 테이블의 head 부분을 의미
- tbody : 테이블에서 본문
- th : 제목
- tfoot : 표상에서 가장 아래쪽
- rowspan : table 에서 사용하는 속성, 행을 병합한다.
- colspan : table 에서 사용하는 속성, 열을 병합한다.
- input : 입력 양식을 표시하는 태그
- select : 드롭박스의 박스를 구성
- option : 선택항목을 구성한다.
- strong : 내용을 굵게 표시한다
- b : 내용을 굵게 표시한다
- i : 기울임 꼴로 표시한다
- u : 밑줄을 표시한다.
- span : 태그 자체로는 어떠한 기능도 없다.
css 스타일을 적용하여, 포함하고 있는 내용을 시각적으로 꾸미기 위한 영역을
지정하는 용도로 사용된다.
2. 모든 태그에 사용되는 id 속성
<tag id = "값"> 내용... </tag>- 현재 웹 페이지에서 고유한 요소를 의미하기 위한 값
- 영역을 나누는 div에 사용될 경우, 해당 태그가 어떤 영역으로 사용되었는지 파악하기 위해 지정된다.
- 다른 요소와 중복된 값을 갖지 못한다.3. input
<input name="이름" id="식별자" type="종류" values="기본 값" maxlength="숫자" />-
name속성과 id속성
-> name 속성은 웹 프로그램과 연계된 속성으로 한 페이지 안에서 고유한 값을 명시해야한다.
-> id 속성은 해당 페이지에서 그 요소를 식별하기 위한 값으로 고유한 값을 명시해야 한다.
-> id값과 name 값은 서로 동일하게 지정해도 무관하다. -
type 속성에 따라서 화면에 표시되는 요소의 종류가 결정된다.
-> text, password, hidden 등
-> checkbox (여러 항목 중 복수로 선택 가능)
-> radio (여러 항목 중에 한가지만 선택 가능) -
value 속성은 해당 요소에 기본적으로 작성되어 있을 값을 기술한다.
-
텍스트를 입력받는 요소의 경우 maxlength 속성을 사용하여 최대 입력 가능한 글자수를 제한할 수 있다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ol>
<li><a href="1.html">기술소개</a></li>
<li><a href="2.html">기본문법</a></li>
<li><a href="3.html">하이퍼텍스트와</a></li>
<li><a href="4.html">속성 리스와 태그의 중첩</a></li>
</ol>
<h2>기술소개</h2>
태그를 사용합니다.
</body>
</html> 
개발자로 진로 변경을 위해 준비하고 있습니다