생활코딩 - 태그와 기본구조

Soozynn·2021년 4월 1일
0

HTML

목록 보기
1/2
post-thumbnail

tag

시작 부분 <>, 닫는부분 </>


<strong> : 폰트를 진하게 표시


<u> : underline의 약자, 밑줄


<h1~h6> : 제목 / 1이 가장 큰 제목으로, 1~6까지 크기가 작아짐

<br> , <p> : 줄바꿈

<br>은 여러개 사용가능, 단지 줄바꿈의 용도로 시각적인 의미만 있어 닫히는 태그 불필요

<p>는 단락구분으로 쓰이므로 닫히는 태그 필요, paragraph의 약자, 의미론적으로 표현


<img> : 이미지 추가 / 태그에 소스 속성 추가해서 입력
        ex) <img src="",width="%">

 
<li> : 목록 ,  <ul> : 리스트의 부모태그, 어디서부터 어디까지가 연관된 항목인지 구분 

<ol> : 자동 넘버링



HTML의 기본구조


<!DOCTYPE HTML> :  이 문서에는 html이 담겨있음을 뜻함
 <html>
   <head>
      <title>web1</title> : 페이지의 제목 설정
      <meta charset="utf-8"> : 전세계 거의 모든 문자를 표현할 수 있는 문자 집합
   </head>
   <body>
    내용에 해당되는 코드
   </body>
 </html>
 
 <head>, <body> :고위직 태그
 <html>: 고위직 태그를 감싸는 단 하나의 최고위층 태그


<a> : 링크, anchor의 약자로 닻이라는 의미
<a> 태그에 href 속성 추가하여 링크 첨부 / ex) <a href="">
(href란 하이퍼텍스트의 첫 글자 h + reference의 ref)
새 탭에서 열리게 만들 시 ; target 속성 추가 <target="_blank">
툴팁처럼 무언가 알려줄 시; title 속성 추가 <title="">



0개의 댓글