코딩 일지

생활코딩 HTML 강의 / 핵심 정리본 본문

개발 공부

생활코딩 HTML 강의 / 핵심 정리본

9unaaa 2025. 2. 16. 20:36

 

태그(Tag): 중요한 내용을 감싼다

 

<!DOCTYPE html> : 이 문서는 html이 있다

<html>

 

본문을 설명하는 태그

<head>

1. 제목 (북 마크 및 타이틀 바에 표시됨)

    <title>제목명</title>

 

2. 저장방식을 설명

   <meta charset=“utf-8”>

    -> utf-8로 문자를 읽어라

</head>

 

본문

<body>

1. 진하게 강조

   <strong>강조하고픈 글자</strong>

 

2. 줄 바꿈

   1) 한줄 띄우기

      <br>

   2) 단락

      <p>단락</p>

   3) 수평선

      <hr>

 

3. 이미지 삽입

   <img src=“원하는 이미지의 주소” width=“이미지의 크기”>

    -> 여기서 src, width 부분을 속성이라고 함, 순서는 상관없음

 

4. 목록 list

   <ul>

     <li>list내용</li>

   </ul>

-> 항목들을 경계, 그룹핑하기 위한 부모 태그 ol(ordered list) 이나 ul(unordered list)을 항상 가짐 - ul 대신 ol일 경우 자동으로 list를 넘버링

 

5. 링크

   <a href=“주소”>링크를 걸고싶은 곳</a>

 

6. 문단 제목

   <h1~6>제목 내용</h1~6>

 

 

</body>

</html>

 

 

 

 

'개발 공부' 카테고리의 다른 글

생활코딩 CSS 강의 / 핵심 정리본  (0) 2025.02.16
개발 설계를 위한 피그마 기초 공부/정리본  (0) 2025.02.16
협업을 위한 Git & GitHub 공부 / 명령어 정리본  (0) 2025.02.09
Unix 계열 기초 명령어 정리 (bash)  (0) 2025.02.09
<입출력 프로그래밍> 공부 정리본  (1) 2025.01.20
'개발 공부' Related Articles more