웹퍼블리셔 강의 1주차 : HTML, CSS 기본

Dabee Lee·2022년 10월 3일

웹퍼블리셔 강의

목록 보기
1/7
post-thumbnail

<p></p> 태그

=paragraph
하나의 문단을 만들 때 쓰임.
단일 줄넘김으로 내용이 없으면 줄넘김 안됨.
내용 없는 중첩 줄넘김은 <br>태그 사용함

<br> 태그

=line break
줄바꿈을 할때 쓰임.
닫아주는 태그가 없는 빈 태그<empty tag>

<div>태그

=Division
웹사이트의 레이아웃을 만들 때 쓰임.
웹페이지에서 논리적 구분을 정의하고, div 를 또 다른 div로 나눌 수 있다.

<ul>, <li> 태그

=unorder list
순서가 없는 리스트를 만들 때 쓰임.
<ul> 내부에 <li> 요소(list item)로 각 항목을 표시함.
리스트 앞에 원과 같은 불릿(bullet)이 표현됨.
(<list-style>를 통해 부호 변경 가능)

<ol>, <li> 태그

=order list
순서가 있는 리스트를 만들 때 쓰임.
<ol> 내부에 <li> 요소(list item)로 각 항목을 표시함.
리스트 앞에 숫자가 순서대로 표현됨.
(type, start, reserved 등 속성 변경 가능)

order list 속성 변경

  • type = 목록에 사용될 마커를 지정
    1(숫자/기본값)
    a(영어 소문자)
    A(영어 대문자)
    i(로마숫자 소문자)
    I(로마숫자 대문자)

  • start = 시작 목록의 순번을 지정
    ( ex : type=a, start=2 로 지정하면 첫번째 항목은 b부터 시작한다. )
    reserved 항목을 역순으로 표시

<dl>, <dt>, <dd> tag

=description list
제목과 설명이 한 쌍인 설명 목록을 만들 때 쓰임.
<dt>와 <dd>와 함께 사용됨.
( <dt>=제목 / <dd>=내용 )

<img> 태그

src 속성은 이미지 소스의 URL을 명시
( ex : <img scr="url( 이미지 경로 )">

꼭 명시된 경로에 해당 이미지가 있어야 함.

profile
디자인 TIL 📝

0개의 댓글