Skip to content

HTML5-STR/html-velog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

HTML Posting

1. HTML 이란? ✅

  • HTML의 역할 (웹의 뼈대)
  • 브라우저가 HTML을 해석하는 방법
  • 기본 구조 (<!doctype>, <html>, <head>, <body>)

2. 텍스트 다루기 ✅

  • 제목 태그(<h1> ~ <h6>)
  • 문단(<p>)
  • 강조(<string>, <em>)
  • 줄바꿈과 구분선(<br>, <hr>)

3. 링크와 이미지 ✅

  • 하이퍼 링크(<a>)
  • 이미지 삽입(<img>)
  • 경로(relative, absolute)의 개념
  • 링크 새 탭 열기, 이미지 대체 텍스트(_blank,alt)

4. 리스트와 표 ✅

  • 순서 없는 리스트(<ul></ul>)
  • 순서 있는 리스트(<ol></ol>)
  • 설명 리스트(<dl><dt><dd>)
  • 표(<table>, <tr>, <td>, <th>)

5. 멀디미디어 태그 ✅

  • 오디오(<audio>)
  • 비디오(<video>)
  • iframe(유튜브 삽입 등)

6. 폼(form) 다루기

  • 입력창(<input>, <textarea>)
  • 버튼(<button>)
  • 라디오/체크박스/셀렉트박스
  • 폼 속성(action, method 등)

7. 시맨틱 태그와 구조화

  • <header>, <nav>,<section>,<article>,<footer>
  • 시맨틱 태그가 중요한 이유 (검색엔진, 접근성)

8. 메타데이터와 head 영역

  • <meta>태그
  • viewport / SEO 관련 태그
  • title, favicon 넣기

9. 레이아웃 기본기

  • <div><span>의 차이점
  • 블록 vs 인라인 요소
  • 기본적인 레이아웃 잡기 (CSS 없이)

10. 작은 프로젝트

  • 지금까지 배운 태그들을 종합
  • 자기소개, 링크, 이미지, 표, 폼을 활용해 페이지 만들기

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages