달마루
기획자에서 개발자로
달마루
전체 방문자
오늘
어제
  • 분류 전체보기 (334)
    • 기획 이야기 (3)
    • 개발자로 전향한 이유 (1)
    • Github Address (1)
    • 개발자, 그 여정 (11)
      • 기초특강 (4)
      • 국비학원 선정 (4)
      • BitCamp_수업내용 (1)
      • 학원 프로젝트 후기 (1)
      • 정보처리기사 (1)
      • 개발 이야기 (0)
    • 개념 창고 (126)
      • JAVA (50)
      • CS (1)
      • Database (27)
      • NetWork (2)
      • 자료 구조 (2)
      • React (8)
      • Spring (3)
      • JPA (1)
      • HTML & CSS (18)
      • JS (3)
    • algorithm (186)
      • 백준 (161)
      • 프로그래머스 (23)
    • 사는 이야기 (0)

블로그 메뉴

  • Github
  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 알고리즘풀이
  • 백준
  • Bronze V
  • Bronze IV
  • Scanner
  • programmers
  • Algorithm
  • java algorithm
  • 혼공MySQL
  • 프로그래머스
  • 백준알고리즘
  • Bronze III
  • 혼공SQL
  • select
  • HTML
  • SQL고득점Kit
  • sql 문제풀이
  • 백준문제풀이
  • 자바
  • 문제풀이
  • react
  • SQL
  • 알고리즘
  • MySQL
  • java
  • BOJ
  • math
  • 혼자공부하는SQL
  • BRONZE
  • BOJ algorithm

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
달마루

기획자에서 개발자로

개념 창고/HTML & CSS

HTML 자주 사용하는 태그 요소

2022. 5. 18. 15:18

1. <div></div> (Division, 블록(상자) 요소)

특별한 의미가 없이, 그저 구분을 위한 요소라 자주 사용

 

2. <h1></h1> (Heading, 블록(상자) 요소)

제목을 의미하는 요소. 1 ~ 6번까지 있다.

 

3. <p></p> (Paragraph, 블록(상자) 요소)

문장을 의미하는 요소. 1번 div로 대체 가능하나,

p태그가 갖는 특성으로 좀 더 직관성이 생김.

 

4.<img src"" alt""/> (image, 인라인(글자) 요소)

이미지를 삽입하는 요소. 

필수 속성인 src과 alt는 각각

src : 삽입할 이미지의 경로(source)

alt : 삽입할 이미지의 이름(alternate)

 

5. <ul></ul> (Unordered List, 블록(상자) 요소)

순서가 필요없는 목록의 집합.

※ 순서필요시 <ol></ol> 태그 활용, 사용 빈도 적음

ul 태그의 자식으로는 li 태그가 한개이상나와야하며,

li 태그의 부모로는 ul 태그가 있어야하여, 하나의 세트로 봐야함.

<li><li> (List Item, 블록(상자) 요소)

목록 내 각 항목

 

6. < a href="">00</a> (Anchor, 인라인(글자) 요소)

다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소.

href : 삽입할 링크의 경로 (Hypertext ReFer)

 

링크 뒤 target="_blank" 삽입시 링크가 새 탭으로 연결됨.

 

'개념 창고 > HTML & CSS' 카테고리의 다른 글

HTML의 주석처리  (0) 2022.05.18
HTML 자주 사용하는 태그2  (0) 2022.05.18
HTML 글자와 상자  (0) 2022.05.18
HTML 빈태그  (0) 2022.05.18
HTML 부모와 자식 요소  (0) 2022.05.18
    '개념 창고/HTML & CSS' 카테고리의 다른 글
    • HTML의 주석처리
    • HTML 자주 사용하는 태그2
    • HTML 글자와 상자
    • HTML 빈태그
    달마루
    달마루
    항상 어제보다 좋은 코드를 지향합니다. https://github.com/LimDongHyun99

    티스토리툴바