Web/HTML
[days01] <br>개행, <hr>수평줄, <meta charset = "ko">언어선언
다연
2020. 11. 30. 19:31
반응형
1. 개행하는 법 <br>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
배다연<br>
남도산
<!-- enter를 하더라도 개행하는게 아니라 공백1개가 된다.
만약 줄바꿈을 하고싶으면 줄바꿈 태그를 사용해야 한다. -->
<br>
<!-- 위 태그는 내용도 닫기태그도 없는 시작태그만 존재한다.
가끔 </br> 이렇게 표기하는 것은 xhtml이다. -->
<!--
<br /> == <br></br>
컨텐트가 없다는 의미 (암기)
-->
<!-- http://localhost/webPro/html/days01/ex03.html
어떤 소스코드로 응답했는지 확인하고자 한다면
브라우저에서 오른쪽 마우스 눌러서 페이지 소스보기 (컨+U) -->
</body>
</html>2.
<meta charset = "ko"> 웹페이지의 언어를 선언할 때 사용하는 속성
<hr> 수평 줄
<!DOCTYPE html>
<html lang="ko">
<!-- lang="ko" (영어는 en): 웹페이지의 언어를 선언할 때 사용하는 속성 / 검색엔진과 브라우저를 지원하기 위한 것 -->
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- hn태그 : 머릿글 -->
<h1>Top Level [h]eading - 블럭모드</h1>
<h2>Top Level [h]eading</h2>
<h3>Top Level [h]eading</h3>
<h4>Top Level [h]eading</h4>
<h5>Top Level [h]eading</h5>
<h6>Top Level [h]eading</h6>
<!-- 시작태그 안에는 속성을 설정할 수 있다 -->
<!-- 속성명 ="속성값" 또는 '속성값' 또는 속성값, 기본은 쌍따옴표!! -->
<!-- hr태그 : 수평 줄 -->
<hr >
<!-- 색깔="명명된 이름" 또는 "RGB(0~255)" -->
<hr color="red" width="200" align="left">
<hr color="blue" width="50%" align='center'>
<!-- 50%이기 때문에 부모(body)의 넓이에 따라 작아졌다 커졌다 가변적임-->
<hr color="red" width="200px" align=right>
<!-- html에서 단위를 생략하면 픽셀(px) -->
<!-- <hr color="rgb(255,0,0)"> -->
</body>
</html>
반응형