2021. 12. 14. 21:51ㆍ코딩공부/html
최후의 문법 속성과 img
이미지를 넣고 싶을때 img태그를 쓴다 : <img width = "" src = "">
width = "" src = "" 부분을 Attribute 즉 속성이라고 한다.
부모 자식과 목록
<li></li> 태그 : 리스트를 생성할때 쓴다
<ul></ul> 태그(unordered list) : li 태그의 부모, 그룹핑을한다
li태그는 ul태그를 꼭 필요로 한다
ul태그도 li태그가 없다면 존재 가치가 없다.
<ol></ol>태그(ordered list) : li 태그의 부모, 넘버링을 자동으로 해준다
문서의 구조와 슈퍼스타들
문장이 모이면 페이지가 되고 책이된다.
정보가 많아짐에 따라서 정보를 잘 정리정돈하기 위해 구조라는 것이 필요
<title></title> 태그 : 웹페이지의 타티틀을 정해줌
<meta charset="utf-8"> 태그 : utf-8로 문서를 읽어줘!
본문을 설명하는 태그들이다
<head></head> : 본문을 설명하는 태그를 묶어줌
<body></body> : 본문을 묶어줌
<html></html> : html 문서 전체를 묶어줌
<!doctype html> : 이 문서는 html로 작성되었다
웹사이트들의 html 내용을 이해할 수 있게 되었다!
HTML태그의 제왕
<a></a> 태그 : HyperText, 링크를 위한 태그
<a href="https://hyunee-p.tistory.com/" target="_blank" title = "혀니에 대하여"></a> :
href 속성은 Hyper text이고 Reference 참고해 라는 뜻
target = "_blank"는 새창에서 링크열기를 의미한다
title을 입력해두면 해당 링크에 클릭 전에 마우스를 올려놨을때 제목이 뜬다.
'코딩공부 > html' 카테고리의 다른 글
html 6일차 - 웹호스팅 (0) | 2021.12.16 |
---|---|
html 5일차 - 웹사이트 완성 / 원시웹 / 인터넷을 여는 열쇠 : 서버와 클라이언트 (1) | 2021.12.15 |
html 3일차 줄바꿈 : br vs p / html이 중요한 이유 (0) | 2021.12.12 |
html 2일차 기본문법 - 태그/혁명적인 변화/통계에 기반한 학습 (0) | 2021.12.11 |
21/12/10 html 공부 시작 1일차 기획/코딩과 html/실습환경구성 (0) | 2021.12.10 |