HTML(2)

2023. 6. 5. 11:13Lang/HTML&CSS

오늘 익힌 HTML 문법은

1.<html> </html> - HTML작성시에 모든 source의 시작과 끝맺음에 쓴다.

2.<head></head> - 밑에 나올 본문용 문법과는 달리 페이지에대한 것을 나타내고 주로 안에 자식code를 써서 활용된다.

3.<title></title> - 웹 페이지의 이름을 입력한다

4.<meta charset= "utf-8"> editer상에 입력한 text가 웹에서 깨지는 것을 방지하기위해 페이지에 editer와 같은 설정을 고정시키는 것 같다(? 정확히는 모르겠어요..)

5.<ol></ol> - 정해진 규칙대로 목차의 순서가 써진다.

6.<ul></ul> - 목차를 입력한다. (규칙성은 없음)

7. <li></li> - 목차의 항목을 입력한다.

8. <body></body> 본문을 가리킨다.

ㄴ부모자식코드?: 상위 코드와 그 안에 부분집합으로 씌어지는 하위 코드가 있다.

예시) <html>

<head>

<title></title>

<meta charset="">

</head>

<body>

<ol> 또는 <ul>

<li>

<li>

</ol> 또는 <ul>

~~~~~~~~~~~~~~~~~~~~

</body>

</html>

9.<a href="주소" target="_blank" title="이름"></a> 사이에 text에 링크를 달 수 있다. (예전에 하이퍼링크 다는거 생각하면 될듯) target= "_blank"를 하면 새로운창에서 링크가 들어가졌고 title=""를 하면 링크에 커서를 갖다대면 이름이 떴다.

10.<img src="사진파일명.jpg" width="원하는크기"> - 이미지를 불러온다. src는 불러올 대상, width 사진의 크기를 정하는데 이때 사진크기는 백분율(%), 양수 다 가능했다.

(=>위에 본 명령어 뒤로 이어지는 것들을 "attribute"라고 불렀고 서로 순서는 상관없이 사용할 수 있었다.)

 

'Lang > HTML&CSS' 카테고리의 다른 글

HTML(1)  (0) 2023.06.05