#기본 port번호
Client - ip주소+port번호(http: web 80/ https(보안) : web 443) - html - Server
#확장 다운로드
korean : 한국어 패치
Auto Rename Tag : <>여는 태그 닫는태그 자동완성
Live Server : 웹브라우저 즉시 적용
#HTML 기본 구조
<!DOCTYPE html> : HTML문서 형식 선언
<html> : 시작과 끝을 나타내주는 태그. 부모요소가됨
<head> : 여는태그. html 안에 있으면 html의 자식요소 /
해당 문서의 각종 정보, 제목, 설명, 스크립트&스타일시트 링크를 선언하는 태그
</head> : 닫는태그
<body> : 화면에 출력해서 보여주는 정보, 내용물을 작성하는 태그
<h1>우왕HTML우와아앙</h1> : content 제목태그
<hr/> : 빈태그
<button>나는 버튼이야</button> : 버튼
</body>
</html>
32-1. 글자관련태그
<br /> <!-- 줄바꿈태그 -->
<hr /> <!-- 가로로 구분선, 수평선을 긋는 태그-->
<h1> </h1> <!-- h관련태그(h1 ~ h6) : 주로 제목을 붙일 때 씀 -->
<p> </p> <!-- p 태그는 줄바꿈 입력을 별도의 태그로 지정해야 한다.
기호문구를 작성해야 한다.-->
<pre> </pre> <!-- pre태그는 여러 공백을 인식 가능하고
줄바꿈 등을 포함하여 입력한 내용 그대로를 표현할 수 있음! -->
일반 글꼴(태그로 감싸지 않은 Data)
<b> b : 글자를 굵게 표시하는 태그 </b>
<strong> strong : 글자를 굵게 표시하는 태그 </strong>
<em> em : 글자를 기울여서 표시하는 태그 </em>
<i> i : 글자를 기울여서 표시하는 태그 </i>
<s> s : 글자에 취소선을 표시해주는 태그 </s>
<mark> mark : 형광펜 </mark> 효과를 주는 태그
<small> small : 글자를 작게 표현해주는 태그</small>
<big> big : 글자를 크게 표현해주는 태그 </big>
<sub>기본글자에 아래첨자를 나타내는 태그 </sub>
<sup>기본글자에 위첨자를 나타내는 태그</sup>
32-2. 목록관련태그
<li>목록1</li> <!-- li : 가장 기본적인 목록을 나타내는 태그, list의 약자 -->
<ul> </ul> : 순서 없는 목록 태그
<ol> </ol> : 순서 있는 목록 태그
<!-- type속성을 이용해서 시작값 변경 가능(속성값 : 1(기본값), A, a, i, I)-->
<ol type="A"> : A, B, C, D, ...
<ol type="a"> : a, b, c, d, ...
<ol type="i"> : 로마숫자 ⅰ, ⅱ, ⅲ, ...
<ol type="I"> : 로마숫자 Ⅰ, Ⅱ, Ⅲ, ...
<dl> : 설명과 관련된 목록 태그
<dt>이곳은 제목을 작성하는 곳 제목을 쓰고 또 쓸 수도 잇음</dt>
<dd>해당 설명을 작성하는 곳!</dd>
</dl>
32-3. 표관련태그
<table border="1"> : 기본적으로 표를 생성해주는 태그, 테두리굵기 1
<tr> : 표의 한 행을 나타내는 태그
<th colspan="2" rowspan="2" width="120" height="150">사진</th> : 열의 제목셀을 나타내는 태그
<td>이름</td> : 표의 한 셀을 나타내는 태그
<td width="130"></td>
</tr>
<tr>
<td>연락처</td>
<td></td>
</tr>
<tr>
<td height="60">주소</td>
<td colspan="3"></td>
</tr>
<tr>
<td height="200">자기소개</td>
<td colspan="3"></td>
</tr>
</table>
'FrontEnd > HTML' 카테고리의 다른 글
| #35. HTML(영역관련태그, 하이퍼링크관련태그), CSS(기본선택자, 기타선택자, 선택자우선순위, 글꼴관련스타일) (0) | 2023.08.21 |
|---|---|
| #34. HTML(VS Code) 이미지, 멀티미디어, 입력양식, 폼 태그 (0) | 2023.08.18 |