10. html이 중요한 이유
<h3> </h3>
경우에 따라 이미지로 글을 쓰는 경우도 있다. 하지만 html의 의미에 정확히 글을 쓴다는 것은 비지니스에 맞는 글을 쓴다는 것이다.
모든 사람들에게 접근성이 높은 글을 써야 한다.
11. 최후의 문법 속성 & img
<img src="이미지 이름" width="100%">
100%로 하면 크기변형에 상관없이 이미지가 변형됨
unsplash.com<- 저작권에 부여받지 않는 사이트
12. 부모자식과 목록
포함하고 있는 태그: 부모태그
포함된 태그: 자식태그
동시수정 단축키: ctrl 누른 상태에서 클릭 클릭 하기(애플은 command)
--> 나는 안되서 댓글에서 찾아냄! 윈도우 기준
**CTRL + ALT** 동시 누른 상태에서 밑으로 내리면 된다.
들여쓰기 단축키 : 블럭 씌운 후 tab
넘버링 태그
Ordered List : <ol></ol>
Unordered List: <ul></ul>
13. 문서의 구조와 슈퍼스타들
정리정돈하기 위한 구조를 배워볼 것이다.
웹 페이지 제목 변경 태그
<title></title>
사용자들에게 웹 페이지 명시적으로 알려줄 뿐만 아니라 검색엔진에 검색되기 때문에 중요함.
컴퓨터는 모든 문자를 0아니면 1로 저장하기 때문에 한국어 문자를 사용할 때 utp-8로 열어야 한다.
<meta charset="utf-8">
머리부분은 <head></head>
본문부분은 <body></body>
로 묶어줘야 함. 이것은 약속!
이것의 상위버전은 <html></html>
그 위에 이 문서는 html이다 라는 관용적 표현에서
<!doctype htm>이라고 작성해 줌.
예)
<!doctype html>
<html lang="ko">
<head>
<!-- BusinessLicenseInfo - START -->
<link href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-e2659f47c02ceccb2417ac712c5fcbfb07d2f04b/static/plugin/BusinessLicenseInfo/style.css" rel="stylesheet" type="text/css"/>
<script>function switchFold(entryId) {
var businessLayer = document.getElementById("businessInfoLayer_" + entryId);
if (businessLayer) {
if (businessLayer.className.indexOf("unfold_license") > 0) {
businessLayer.className = "business_license_layer";
} else {
businessLayer.className = "business_license_layer unfold_license";
}
}
}내 블로그 html 윗부분 크롭해온 것.
<!doctype html>과 <html>, <head>가 보인다.
'개발공부 > HTMl+CSS+JAS' 카테고리의 다른 글
| [HTML] 줄바꿈 태그 (0) | 2023.03.16 |
|---|---|
| [HTML] 텍스트 관련 태그 (0) | 2023.03.16 |
| [HTML] 제목 태그 (0) | 2023.03.16 |
| 줄바꿈: br vs p (0) | 2023.01.11 |
| 기본문법 태그 (0) | 2023.01.10 |
