TIL1 - HTML 기본

오지수·2021년 4월 30일
0

TIL

목록 보기
1/26
post-thumbnail

1. HTML과 CSS

HTML(Hyper Text Markup Language)과 CSS(Cascading Style Sheets)는 웹 페이지를 만들기 위해 필요한 언어이다.
비유를 들자면 HTML은 뼈대, CSS는 옷이라고 할 수 있다.
즉, HTML로는 페이지의 레이아웃을 제작하고 CSS로 웹 페이지를 보기 좋게 꾸미는 것이다.


2. 기본문법 태그(Tag)

<> : 열린 태그
</> : 닫힌 태그
중요한 내용을 감싸므로 설명하는 역할을 한다.


3. 자주 쓰이는 태그

  • <html></html> : 웹 페이지의 시작과 끝을 표현함.
    • <!DOCTYPE html> : HTML5의 DOCTYPE. <html>시작 전에 반드시 선언!
  • <head></head> : 문서의 머리
    • <title></title> : 웹 페이지 제목
    • <meta /> : 페이지의 설명 요약, 핵심 키워드, 제작자 등 보이지 않는 정보를 제공함.
    • <link> : CSS 파일을 별도로 저장 후, HTML 문서 내에 불러옴.
    • <script> : Javascript 파일을 별도로 저장 후, HTML 문서 내에 불러옴.
  • <body></body> : 웹 페이지에 표시할 내용
  • <strong>강조</strong>
  • <u>밑줄</u>
  • <a>하이퍼링크</a>
  • <img /> : 이미지를 삽입함.
  • <br> : 줄바꿈
  • <p>문단</p> : paragraph(문단)
  • <div>레이아웃</div> : division(분할, 경계선)
  • <span></span> : <div>태그처럼 특별한 기능을 가지고 있는 것은 아니지만, 비슷한 기능을 가지고 있다. CSS와 함께 쓰임.
  • <h#>문단 제목</h#>
  • <form>입력 양식</form>
  • <ol></ol>
    <ol> //순서가 있는 목록
        <li>목록</li>
    </ol>
  • <ul></ul>
    <ul> //순서가 없고 모양이 있는 목록
        <li>목록</li>
    </ul>

    https://www.advancedwebranking.com/html/
    위의 링크에서는 웹 페이지를 제작할 때 많이 사용되는 태그들을 알 수 있다.

profile
My Moto:: 내 스스로와 더불어 주변에게도 좋은 영향을 행사하도록 점검 & 노력..!!

0개의 댓글