1. input, button, heading, a
<html>
<head>
</head>
<body>
<!--input-->
<input type="text"/>
<!--button-->
<button>button</button>
<!--heading h1, h2, ... h6-->
<h1>It is H1.</h1>
<h2>It is H2.</h2>
<h3>It is H3.</h3>
<h4>It is H4.</h4>
<h5>It is H5.</h5>
<h6>It is H6.</h6>
<!--anchor tag의 속성, href : hypertext reference-->
<a href="https://www.google.co.kr">GooGle</a>
</body>
</html>
<input> :입력할 수 있는 창을 만듦.
<button> : 버튼 생성
<heading> : 제목, h1~h6에 따라 크기가 달라짐. 자동으로 줄바꿈이 되어서 나타남.
<a> : anchor 태그. 글자를 누르면 지정해준 주소로 이동
2. hr, img ul, li, ol
<html>
<head></head>
<body>
<hr>
<img src="./moon1.jpg" alt="a moon picture"> <!--./같은 폴더-->
<!--alternative(대체제), 사진을 안 보여줄 때 글자로 알려줄 것-->
<ul> <!--unordered list-->
<li>first</li> <!--list item-->
<li>second</li>
<li>third</li>
</ul>
<hr> <!--horizontal (수평) rule(자)-->
<ol> <!--ordered list-->
<li>first</li> <!--list item-->
<li>second</li>
<li>third</li>
</ol>
</body>
</html>
<hr> : 구분선
<img> : 이미지 삽입
<ul> : 순서 구분 안 하는 리스트 생성
<li> : 리스트에 어떤 내용이 들어갈지 작성
<ol> : 순서있는 리스트
'WEB > HTML & CSS' 카테고리의 다른 글
| 3_HTML 화면 구성 (2) (0) | 2021.09.07 |
|---|---|
| 3_HTML 화면 구성 (1) (0) | 2021.09.07 |
| 1_Hello_World (0) | 2021.09.06 |