web1-11. 최후의 문법 속성 & img
태그의 이름만으로는 정보가 부족할 수 있다
<img src=“이미지파일명.jpg” width=“100%>
Attribute 속성
Src = source
*Unslash 저작권 상관없이 이미지를 쓸 수 있는 싸이트!
web1-12. 부모자식과 목록
부모(parent) : 다른 태그를 포함하는 태그
자식(child) : 다른 태그에 속하는 태그
<parent>
<child></child>
</parent>
<br> 줄바꿈 태그
<li><li> : List, 목차태그
<ul></ul> : 순서x, Unordered List
<ol></ol> : 순서있는 리스트, Ordered List
li : 자식 태그로써 반드시 부모태그가 필요
- 어디서부터 어디까지 연관된 항목인지 구분 짓는다(grouping)
ul : 부모태그로써 반드시 자식 태그가 필요
<ul>
<li>egoing</li>
<li>youbin</li>
</ui>
(위는 배울과목 아래는 참여자. 이렇게 나눌 때 li,ul사용)
*콘트롤+클릭(윈도우즈) : 다중으로 클로즈태그 작성가능
web1-13. 문서의 구조와 슈퍼스타들
사용빈도수가 가장 높은
<!doctype html> 관용적으로 서두에 html문서를 나타내는 의미로 씀
<html></html> 최고위 태그
<head></head>
<body></body>
<title></title> : 웹페이지 제목. 인터넷창의 탭에 보이는 제목. 본문 설명
<meta></meta> : 본문
<meta charset=“utf-8”>
- uft-8로 열어라는 의미
- uft-8로 만들었으면 uft-8로 열어야 안깨짐
- 컴퓨터가 0과1만 인식가능하고 데이터를 최종적으로 0과1로저장함
- 0과1을 어떻게 저장할지 여러가지 약속들이 존재하는데 그 중 하나가 uft-8
- Cha : character 문자라는 의미
- Set : 규칙이라는 의미
위에 코드들은 본문을 설명
아래있는 코드들은 본문
Html의 모든 코드들은 <head>나 <body>둘 중 하나에 반드시 놓이게된다
이 두 태그 위에 <html>를 쓴다
'웹 관련 > └생활코딩 WEB1' 카테고리의 다른 글
| 생활코딩 WEB1 : 19-19.3 (0) | 2021.12.17 |
|---|---|
| 생활코딩 WEB1 : 17-18 (0) | 2021.12.12 |
| 생활코딩 WEB1 : 14-16 (0) | 2021.12.12 |
| 생활코딩 WEB1 : 08-10 (0) | 2021.11.08 |
| 생활코딩 WEB1 : 01-07 (0) | 2021.11.06 |