p태그의 특성 은 display : block;
<!-- 이스케이프 문자 html entities 검색하기 -->
<!-- 꺽새표시 -->
<p><tag></p>
<p>공 백</p>
<!-- 엔터기능 <br/> -->
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br />Veritatis
sequi, assumenda, beatae &;ipsum quas vero pariatur dolores libero suscipit,
<br />soluta dignissimos harum? Culpa ipsum laudantium numquam ab
perferendis modi maxime.
</p>
목록 태그의 특성 ( ol , ul, li )
<!--
ol 순서목록
ul 순서가 없는 목록
li 목록의 내용 -->
<ol start="5">
<li></li>
<li></li>
<li value="10"></li>
<li value="30"></li>
</ol>
시맨틱태그의 특성 : seo (검색엔진최적화)에 도움됨
<p>스타일로 꾸며보기</p>
<!--
u : 고유명사 철자가 틀렸을 때
s : 문서의 내용이 틀렸을 때
del : 예전 버전에는 있었는데, 최신 버전에 삭제됨
b : 단순히 글자만 굵게
시멘틱 태그 ( 검색엔진에서 seo(검색엔진최적화)에 도움됨)
strong : 문서에서 중요한 단어
-->
<!-- 2의 2승 -->
<p>2<sup>2</sup></p>
<abbr title="HyperText Markup Language">HTML</abbr>
<!-- hover시에 설명띄우기 -->
<s>반가워요 </s>
<u>반가워요</u>
경로태그
1. 절대경로
: 인터넷, url로 접속가능한 경로
2. 상대경로
: (통상적으로) 개발 환경에서 시작되는 경로
> . 현재 파일이 위치한 경로
> .. 이전경로 / 상위 경로
> / 구분
-->
<p>경로</p>
<a href="./test/sample.html">테스트 폴더의 sample</a>
<a href="main.html">같은 폴더의 main</a>
이미지, 비디오 태그
<body>
<!-- -->
<video src=""></video>
<audio src=""></audio>
<iframe src="" frameborder="0"></iframe>
<!-- 새로운 html을 시작시킨다. 비디오,오디오는 유튜브를 이용해서
iframe로 가지고옴. -->
<img src="./img/moana.jpeg" alt="대체텍스트" />
</body>
시멘틱태그
'제로베이스 프론트엔드 스쿨 23기 > [사전학습]' 카테고리의 다른 글
| (기초) CSS - font 속성들 (0) | 2023.12.18 |
|---|---|
| (기초) CSS 레이아웃 ( div 태그, float 속성, display 속성 - inline, flex, grid) (0) | 2023.12.18 |
| (기초) HTML 과 CSS ( style 태그, class와 id속성, Link태그로 CSS파일 불러오기) (0) | 2023.12.13 |
| (입문)비주얼 스튜디오(Visual Studio)에서 HTML 선언하기( HTML실행) (0) | 2023.12.13 |
| (기초) HTML 이란? (구성과 특성) (0) | 2023.12.13 |
