문장 내 구조
- <strong></strong>: 굵게 강조
- <u></u>: underline
- <h1> to <h6> Tags: <h1></h1> ... <h6></h6> 점점 작아짐. 제목 태그용
- <br>: 줄 바꿈
- <p></p>: 단락으로 줄 바꿈
- css 문법으로 속성 바꿀 수 있음
- ex: <p style="magin-top:40px;"></p>
- <img src="">: 사진
- <img src="" width=""> 이렇게 사이즈 조정도 가능, 위치 상관x
- <parent> <child></childe> </parent>
- <ul>: <li>의 부모 태그 (<ol>도 사용가능)
- <ul>: 숫자가 매겨지지 않는 list(Unordeded list)
- <ol>: 숫자가 매겨지는 list(Ordered list)
- <li>: 목차, 목록
- <ul>: <li>의 부모 태그 (<ol>도 사용가능)
- <a href=""></a>: 링크 걸기
- <a href="" target="_blank"></a>: 링크 클릭시 새 탭으로 열림
- <a href="" title=""></a>: 링크에 마우스 커서 올리면 툴팁이 나타남
전체 구조
- <title></title>: 페이지 제목 설정
- <meta charset = "utf-8">: 웹 브라우저가 열 때도 utf-8로 열기
- <html> <head></head> <body></body> </html>
→ 관용적으로 HTML이 담겨있다는 뜻으로 <!DOCTYPE HTML>이라고 씀
- <head></head>: <body> 설명하는 태그
- <body></body>: 본문 묶는 태그
'Frontend 📚 > HTML⧵CSS' 카테고리의 다른 글
[HTML] SVG etc. (1) | 2024.07.12 |
---|---|
[HTML] 웹 표준 및 접근성 II - 텍스트 관련 태그, 기타 태그, 크로스 브라우징 etc. (0) | 2024.07.06 |
[HTML] 웹 표준 및 접근성 I - 웹 표준, 웹 접근성, 시멘틱 태그 etc. (0) | 2024.07.06 |
[HTML] DOCTYPE (0) | 2024.07.06 |