반응형
기본적인 내용
<!-- 주석은 이렇게 -->
<!DOCTYPE html>
<!-- HTML5를 사용한다는 의미 -->
기본 태그
<body> 텍스트 표시 모든 텍스트가 하나의 연결된 문단으로 표시된다. </body>
<p> 단락, 위 아래에 엔터 추가 </p>
<br> <!--강제 줄바꿈-->
<pre> 사용자가 입력한 그대로 화면에 표시</pre>
<h1> 1부터 6까지 있음 1이 가장 큰 글씨 , 제목느낌 </h1>
<b> 두꺼운 글씨 </b>
<i> 이탤릭체로 만든다 </i>
<strong> 텍스트를 강하게 표시 </strong>
<em> 텍스트 강조 </em>
<code> 텝스트가 코드임을 표시 </code>
<sup> 위첨자 </sup>
<sub> 아래첨자 </sub>
<hr/> <!--수평선-->
<!--
  공백 한개
< <
> >
" "
& & -->
<ul>
<li>순서 없는 리스트</li>
<ul>
<ol>
<li>순서 있는 리스트</li>
</ol>
<a href = "#" target="_blank"> 링크 넣기 </a>
<!--target 속성
_blank 새로운 윈도우에서 새로운 페이지 열기
_self 현재 윈도우에 새로운 페이지를 적제한다 -->
<img border="테두리" src="이미지 파일이름" alt="대체문자" width = "" height="">
<BGSOUND src="노래">
<video src="비디오">
주의해야할점
코드에서 엔터키를 눌러도 웹브라우저에서 표시 X
태그 활용
1. 썸네일
<a href="썸네일">
<img src="사진" alt="">
</a>1. 표
<table>
<caption> 표 제목 </caption>
<tr> <!--행-->
<th>표 제목</th>
<td>표 내용</td>
</tr>
<td rowspan="2">2개의 행 통합</td>
<td colspan="2">2개의 열 통합</td>
</table>반응형
'학부 내용 정리 > [ 2-1 ] 웹프로그래밍' 카테고리의 다른 글
| [ WEB ] HTML 입력 (0) | 2022.04.19 |
|---|