Web 공부/HTML

HTML

sumiin 2022. 3. 17. 18:43
반응형
SMALL
기본 틀
<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <title></title>
  </head>
  <body>
  </body>
</html>
문법
  • <!DOCTYPE html>: 이 문서는 html이다
  • <html>: 최고위층 태그
  • 본문에 대한 설명 -> <head> </head>로 묶기
  • <title> </title>: 웹페이지의 타이틀 표시
  • <meta charset="utf-8">: 본문이 utf-8이라는 방식으로 저장
  • 본문-> <body> </body>로 묶기
  • <strong> </strong>: 두꺼운 글씨체로 강조
  • <u> </u> : 밑줄
  • <h1> </h1>: head 제목 정의 (1 가장 중요한 가장 글씨 큰 ~ 6 가장 글씨 작은 )
  • <br>: 줄바꿈 (많이 쓰면 계속 줄바꿈)
  • <p> </p>: 한 단락 표시
  • <img src="~~.jpg" widh="~">: 이미지 사용법
  • ctrl 누르고 라인들 누르면 여러 라인 동시에 제어 가능
  • <li> </li>: 리스트 목차
  • <ul> (unordered list): 리스트를 그룹핑 하기 위한(경계
    생성) 부모 태그
    (li 태그는 반드시 부모 태그 가지고 있고 ul 태그는 자식 태그를 가지고 있음)
  • <ol> (ordered list) : ul 대신 ol을 쓸 경우 자동으로 숫자 넘버링 해줌
  • <a href="(링크)" target="_blank" title="">(-> 새탭에서
    열림) title="~"(->커서 올려놓을 경우 title 설명 툴팁이 나옴): 링크를 걸어줌
반응형
LIST