생활코딩 : HTML(1~5)

지환·2022년 12월 21일
0

HTML

목록 보기
1/2
post-thumbnail

해당 게시물은 생활코딩 HTML을 정리한 내용입니다.

https://opentutorials.org/course/2039

1. 기술소개

  • HTML 정의

    • HyperText : 하이퍼텍스트를 가장 중요한 특징으로 하는 (문서와 문서가 링크로 연결되어 있다.)
    • Markup : 마크업이라는 형식을 가진
      (태그로 이루어져 있다.)
    • Language : 컴퓨터 프로그래밍 언어

2. 기본문법

예제

  • strong 태그 : 텍스트를 굵게 표시한다.
  • h 태그 : h는 heading을 의미하며 제목을 나타낸다.
  • 그리고 h1~h6까지 존재한다.

3. 하이퍼텍스트와 속성

예제

설명

  • a태그 : a는 anchor의 약자, 링크를 설정한다.

  • herf 속성: 링크의 주소(URL)을 설정한다.

  • target 속성 : 링크를 클릭 시 어떻게 열지를 설정한다. 속성 값을 _blank로 지정하면 새로운 탭에서 창을 연다.

  • title 속성: 링크에 마우스를 롤오버 했을 때, 표시할 텍스틀 지정한다.

4. 태그의 중첩과 목록

예제

설명

  • 태그라는 것은 태그 안에 또 다른 태그가 존재할 수 있습니다.
  • li 태그 : list의 약자, 목록을 만드는 태그입니다.
  • ol 태그 : ordered list의 약자, 순서가 있는 목록을 만드는 태그입니다.
  • ul 태그 : unordered list의 약자, 순서가 없는 목록을 만드는 태그입니다.

5. 문서의 구조

예제

설명

  • html 태그 : html 문서임을 의미하는 태그이다.

  • head 태그 : 웹페이지의 본문 이외의 정보를 모아 놓는 태그이다. head 태그 내에서 정의되는 태그 2가지를 배웠다.(title , meta 태그)

  • title 태그 : 웹 브라우저의 탭 제목에 표시되는 텍스트를 지정하는 태그이다.

  • meta 태그 : charset 속성을 이용하여 문자열 세트를 지정할 수 있다.

  • body 태그 : 웹페이지의 본문을 의미하는 태그다.

출처 | https://kevinntech.tistory.com/2

profile
아는만큼보인다.

0개의 댓글