<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML 연습</title>
</head>
<body>
안녕 하세요<br> <!-- <br> 태그 : 줄바꿈 태그 -->
html 처음 이에요...<br>
<hr> <!-- <hr> 태그 : 선그리기 태그 -->
<!-- 태그에 속성 값을 주는 방법
<시작태그 속성="값" 속성="값"> </끝 태그> -->
<!-- h1 align=right는 오른쪽 정렬 -->
<h1 align="right">반갑습니다. 웹기초에 오신걸 환영합니다.</h1>
<h2 align="center">반갑습니다. 웹기초에 오신걸 환영합니다.</h2>
<h3>반갑습니다. 웹기초에 오신걸 환영합니다.</h3>
<h4>반갑습니다. 웹기초에 오신걸 환영합니다.</h4>
<h5>반갑습니다. 웹기초에 오신걸 환영합니다.</h5>
<h6>반갑습니다. 웹기초에 오신걸 환영합니다.</h6>
<hr>
<pre> <!-- <pre> 태그 : 요청하는 내용 그대로 출력하는 태그 -->
안녕 하세요<br> <!-- <br> 태그 : 줄바꿈 태그 -->
html 처음 이에요...<br>
</pre>
</body>
</html>
- 이렇게 코드를 작성하고 아파치 톰캣을 통해 실행하게 되면 크롬 웹 브라우저에서 이렇게 표시됩니다.
- 안녕 하세요 다음에 <br> 태그를 사용했는데 이는 줄바꿈을 해주는 속성이기 때문입니다.
- 또한 html 처음 이에요 다음에 선이 있는 것을 알 수 있는데 이는 <hr> 태그를 사용하면 선이 그려지게 됩니다.
흔히 선그리기 태그라 합니다.
- 반갑습니다. 웹기초에 오신걸 환영합니다 -> 이 부분은 오른쪽으로 정렬되어 있습니다.
---> 이 부분은 <h1 align="right">란 것을 사용했기 때문입니다.
<h1 align="right">반갑습니다. 웹기초에 오신걸 환영합니다.</h1>
|
----> h1 align="right" 여기서 h1 align 속성에 right란 값을 넣었기 때문에 이 문장만 오른쪽으로 정렬된 것을
알 수 있습니다.
- <h2 align="center">반갑습니다. 웹기초에 오신걸 환영합니다.</h2>
|
---> 마찬가지로 h2 align="center"란 것은 글자 크기는 h2이며 align이란 속성에 center란 값을 넣었기 때문에
가운데로 정렬된 것을 알 수 있습니다.
<pre>
안녕 하세요<br> <!-- <br> 태그 : 줄바꿈 태그 -->
html 처음 이에요...<br>
|
---> 이 부분에서 <pre>란 태그를 사용했는데 이것은 내용 그대로 출력하는 태그 입니다.
'웹표준 > HTML4' 카테고리의 다른 글
| HTML4 목록을 만드는 <ol>, <ul>, <li> 태그 (0) | 2017.08.19 |
|---|---|
| HTML4 텍스트 서식 관련 및 이미지 태그 (0) | 2017.08.19 |
| HTML4 태그 속성 <hr>, 링크태그, target="blank" 속성 (0) | 2017.08.19 |
| HTML4 태그 속성 및 단락 (0) | 2017.08.19 |
| HTML4 태그 속성 (0) | 2017.08.19 |