<title></title>
제목태그 H
title말고 무슨 제목 태그야? 할테지만 책으로 치면 title이 책제목이라면 이는 목차,소제목에 쓰는 태그입니다.
H1~H6 까지 있으며 중요도에 따라 골라 쓰면 됩니다.
그럼 한번 사용해 볼까요?
<html><br />
<head><br />
<title>제목<title><br />
</head><br />
<body><br />
H1
H2
H3
H4
H5
H6
</body><br />
</html><br />
멋지지 않습니까? ㅎㅎ
멋있게 글씨가 나오는것을 볼수 있을겁니다.
문단태그 P
말그대로 문단의 단락을 엮을때 사용하는 태그입니다.
장문의 텍스트를 그룹별로 묶을때 사용합니다.
<html><br />
<head><br />
<title>리스트 ol과 ul의 차이</title><br />
</head><br />
<body><br />
어쩌고 저쩌고의 내용
ㅎㅎㅎ ㅋㅋㅋ ㅇㅇ의 내용
</body><br />
</html><br />
리스트 태그 UL,OL
리스트목록을 표현할때 사용하는 태그입니다.
ul은 순서없는 리스트 ol은 순서별 리스트로 ul앞으로는 작은점이 생성되며 ol앞으로는 숫자가 나오게 됩니다.
ol과 ul사이에 리스트는 li태그로 표현됩니다.
<html><br />
<head><br />
<title>리스트 ol과 ul의 차이</title><br />
</head><br />
<body><br />
- 리스트 1
- 리스트 2
- 리스트 1
- 리스트 2
</body><br />
</html><br />
링크 태그 A
웹페이지가 일반 문서와 다른점은 바로 하이퍼텍스트 링크가 가능하다는데 있습니다.
이로서 모든 문서는 연결되었고 한문서에서 다른 문서로의 이동이 자유롭게 되었습니다.
링크로의 연결은 속성 href를 이용합니다.
<html><br />
<head><br />
<title>링크태그 사용</title><br />
</head><br />
<body><br />
</body><br />
</html><br />
이미지 태그 img
이미지를 사용해 보다 화려하게 문서를 꾸미고 싶다면 이 태그를 이용하면 된다.
이미지의 경로를 src속성을 이용해서 주소를 지정해주고 alt속성을 이용하여 이미지가 해당주서에 없을때 대체텍스트가 나오게 한다
이미지 태그에 내용이 필요할일이 없으므로 이미지 태그는 스스로 닫는 를 쓴다.< />
< />
<>< />
<>< />
<>이미지 태그 사용>< />
>< />
<>< />
<>< />
< src="이미지 주소" />
</body><br />
</html><br />
그룹 태그 div
p와 비슷하면서 보다 범용적으로 그룹을 짓는 태그입니다.
그럼 배운 div,h,p,ul,li태그등을 조합한 문서를 만들어 봐요.
자주쓰는 방식이니 잘 봐주면 유용합니다.
<html><br />
<head><br />
<title>여러 태그를 이용한 문서</title><br />
</head><br />
<body><br />
소제목2
어쩌고 저쩌고의 내용
</body><br />
</html></p>