8. 통계에 기반한 학습
html에서 현재 약 150개 태그가 존재
모두 외울 필요는 없다. 검색하면 다 알 수 있기 때문
* 기본적으로 익히고 있으면 좋은 태그
모든 웹페이지는 평균적으로 약 25개 종류의 태그로 이루어짐
9. 줄바꿈: br vs p
* 인기있는 태그
<br> : 줄 바꿈 태그. 닫을 필요 x
<p> @@ </p> : 단락 태그. 태그 사이에
* CSS 문법
<p style="margin-top:40px;"> : 단락 위에 40픽셀만큼 여백 두기
10. html이 중요한 이유
opentutorial.org
11. 최후의 문법 속성 & img
* 속성
<img> : 이미지 삽입 태그
<img src="img1.jpg" width="100%">
src: source. 이미지 출처
width: 이미지 너비
무료 이미지: https://unsplash.com/ko
아름다운 무료 이미지 및 사진 | Unsplash
어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.
unsplash.com
12. 부모자식과 목록
부모 자식 관계 태그
* 목록 태그 (unordered list)
<ul>
<li> </li>
</ul>
* 넘버링 태그 (ordered list)
<ol>
<li> </li>
</ol>
* 표 태그
13. 문서의 구조와 슈퍼스타들
<html></html> :
<title></title> : title tag
<head></head> :
<body></body> :
ex)
<!doctype html>
<html>
<head>
<title> </title>
<meta charset="utf-8">
</head>
<body></body>
</html>
* utf-8 :
<meta charset="utf-8">
14. HTML 태그의 제왕
<a>: link
<a href="https://www.w3.org/TR/2011/WD-html5-20110405/" target="'_blank" title="HTML 5 specification">html 도움말</a>
href : Hypertext REFerence (링크 주소)
target="_blank" : 새 탭에서 열기
title="@@" : title 설정
15. 웹사이트 완성
16. 원시웹
http://info.cern.ch
info.cern.ch
'웹 > HTML' 카테고리의 다른 글
| 생활코딩 WEB1 - HTML & Internet 정리 1 (1~7) (0) | 2023.10.01 |
|---|
