공부기록/html

html (1) - 태그

jhs0129 2021. 8. 7. 13:28
320x100
반응형

태그는 <>~</>로 이루어짐

아래 모든 것들은 <html>밑에 작성

 

  1. 문서관련 - <head>밑에 작성

    <title> - 웹페이지 제목 지정

    <meta charset="UTF-8"> - 글씨 깨지면 작성

 

  2. 본문 - <body>밑에 작성

  • 기본태그

제목 - <h1> 소제목으로 만들 수록 숫자가 1,2 순서로 이어나가면됨 (header)

글씨 굵기 - <strong>

링크 연결(하이퍼텍스트) - <a href="url주소">, 속성 target="_blank" 새로운 창으로 연결, title="~~~" 링크 설명 태그 추가 (anchor)

<h1>오늘의 명언</h1>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다. 
(<a href="https://ko.wikipedia.org/wiki/%EB%8F%84%EB%84%90%EB%93%9C_%EC%BB%A4%EB%88%84%EC%8A%A4" target="_blank">도널드 커누스</a>)

 

  • 목록태그

<li> - 목록으로 ●을 앞에 표시 (list)

<ul> - 그룹으로 묶기? (unordered list)

<ol> - 순서지정 (ordered list), 1. 2. 3. .....

<ol>
  <li>기술소개</li>
  <li>기본문법</li>
  <li>하이퍼텍스트와 속성</li>
  <li>리스트와 태그의 중첩</li>
</ol>

<ul>
  <li>홍길동</li>
  <li>김철수</li>
  <li>html</li>
  <li>css</li>
</ul>

 

  • DOCTYPE

어떤 방식 파일의 형식으로 만들어 졌는지 설명

320x100
반응형