Learn_HTML _tag

dev_hyemi·2020년 10월 1일
0

<h>

  • 제목(heading)을 표현할 수 있는 태그
  • <h1> ~<h6> 다양한 크기로 제목을 표현 할 수 있다.
  • 숫자가 클 수록 제목의 크기가 작아진다.

크기1의 제목입니다!

크기2의 제목입니다!

크기3의 제목입니다!

. . .

<p>

  • 문단, 단락(paragraph)을 만들 때 사용하는 태그

안녕하세요

p태그에 대한 설명을 작성해주세요.

``` ```

<span>

  • 텍스트, 또는 문서의 일부분을 표시하는데 사용하는 태그
  • 주로 스타일 지정을 위해 요소를 그룹화 할 때 사용하는 태그
  • 한 줄에 이어서 표시되는 inline-element 태그

MY pet eyes has blue eyes.

<a>

  • 'anchor'의 약자로 하이퍼 링크를 걸어주는 태그
    [속성]
    • href : 클릭시 이동 할 링크
    • target : 링크를 여는 방법

Go velog

<div>

  • 가상의 레이아웃을 나누는데 주로 사용하는 태그
  • <div> 요소에는 제목, 단락, 링크, 이미지 등등 같은 콘텐츠가 포함 될 수 있다.
  • 비슷한 부분끼리 그룹지어주고, 디자인에 맞게 레이아웃을 분리해주고, 각<div> 에 class나 id 속성을 부여하여 각각 css 스타일을 입혀줄 수 있다.
content1

<ol> & <ul>

  • <ol> 태그는 Ordered List 의 줄임말로, 순서있는 목록을 만들 때 사용하는 태그
  • <ul> 태그는 Unordered List 의 줄임말로, 순서가 없는 목록을 만들 때 사용하는 태그
  1. Item1
  2. Item2
  3. Item3

1.Item1
2.Item2
3.Item3

  • Item1
  • Item2
  • Item3
  • Item1
  • Item2
  • 목록3

<img>

  • 이미지를 삽입하는 태그
    [속성]
    • src : 이미지 경로를 지정한다.
    • alt : 주소가 잘못되었거나 서버에 문제가 생겨 이미지를 불러오지 못했을 때, 이미지를 설명해주는 텍스트를 삽입하는 속성.

0개의 댓글