다연이네

[days01] <br>개행, <hr>수평줄, <meta charset = "ko">언어선언 본문

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>

반응형
저작자표시 비영리

'Web > HTML' 카테고리의 다른 글

[days01] <style type="text/css">  (0) 2020.11.30
[days01] html 인용 태그(요소): blockquote, q, abbr, address, cite, bdo 태그  (0) 2020.11.30
[days01] html 서식 태그(요소)  (0) 2020.11.30
[days01] <p>단락 정의, <pre>서식이 지정된 텍스트 정의  (0) 2020.11.30
[days01] HTML을 시작하기에 앞선 이론  (0) 2020.11.30
'Web/HTML' Related Articles more
Comments