문서의 제목을 나타내는 태그로, 웹 페이지를 띄우면 보이는 타이틀을 설정하는 태그
<Title>반복의 힘</title>
HTML문서 안에 CSS를 사용하고 할 때, 적어주는 태그. -Style-를 통해 우리는 정보와 디자인을 구분 지을 수 있음.
<style>
p{ text-align: center; }
a{ color:black; }
h1{ text-align: center; font-size: 40px; }
</style>
헤드라인 요소로. 웹 페이지의 대한 개요를 순서에 따라 판단하게 되는 기준.
<h1> oasis </h1>
<h2> andrew </h2>
문단 태그로서 텍스트를 감싸는 태그. 명확한 정보와 의미를 위한 태그. 또한 문단으로서 블록의 요소가 되기도 함.
<P> Hi~~~~~~~Bye. Stranger </p>
줄바꿈 태그로서 사용되며, 웹페이지 상에서 줄 바꿈을 보일 때 사용.
나는 오늘 반복한다<br>
그도 오늘 반복한다<br>
강조 태그로서 긁자를 굵게 표시하게 되며, 본문에서 강조할 단어 또는 구문에 사용
<p>He is <strong>Andrew</strong>. </p>
a는 하이퍼링크 태크. img태그는 이미지를 웹페이지에 출력하는 태그이다. 각각 속성이 들어가야 하는 태그.
<a href="www.velog.ip">
<img src="/images/velog.jpg" width="50%" height="50%">
목록태그로서 ul,ol 이 있습니다. 이들은 하나 이상의 li태그를 가져야 하며 마찬가지로 li태그는 상위에 ul,ol 태그가 있어야 합니다. ul 태그는 순서가 없는 목록이며, ol태그는 순서가 있는 태그입니다.
<ul>
<li> 리스트 1 </li>
<li> 리스트 2 </li>
</ul>
<ol>
<li> 리스트 1 </li>
<li> 리스트 2 </li>
</ol>
iframe 태그는 Html 웹 문서 안에 또 다른 웹 문서를 넣을 수도 있고, 뮤비 등 동영상도 넣을 수 있는 태그입니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/4Ba-D-HnidA?list=RD4Ba-D-HnidA" title="Noel Gallagher's High Flying Birds - Little By Little (Originally performed by Oasis)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
항상 공부를 하며 느끼는 것이, 태그를 안다고 다가 아닌, 이 태그들을 어떻게 활용할 것인가와, 태그들관의 연계성, css를 통하며 변형되는 문법들을 익혀야 한다는 생각을 했습니다.