HTML 기본구성
HTML페이지의 기본구성
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="My test image">
</body>
</html>TAG
제목과 단락
제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그입니태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 h1~h6까지 있습니다.
<h1>제목 <h2>제목 <h3>제목 <h4>제목 <h5>제목 <h6>제목단락(paragraph)
<p>본문(단락의 의미) <br>줄바꿈(엔터의 기능)
텍스트 꾸며줌
<b> : bold 태그는 글자를 굵게 표현하는 태그입니다. <i> : italic 태그는 글자를 기울여서 표현하는 태그입니다. <u> : underline 태그는 글자의 밑줄을 표현하는 태그입니다. <s> : strike 태그는 글자의 중간선을 표현하는 태그입니다.
앵커요소
anchor 태그는 a태그, 앵커, 링크 등 여러 이름으로 불립니다.
<a href="http://www.naver.com/" target="_blank">네이버</a>href 속성
링크를 만들기 위해 <a>는 반드시 href(hypertext reference) 속성을 가지고 있어야 합니다. href 속성의 값은 링크의 목적지가 되는 URL입니다.target 속성
target 속성은 링크된 리소스를 어디에 표시할지를 나타내는 속성입니다. 속성값으로는 _self, _blank, _parent, _top이 있습니다. _self는 현재 화면에 표시한다는 의미입니다. _blank는 새로운 창에 표시한다는 의미로 외부 페이지가 나타나게끔 하는 속성입니다. _parent와 _top은 프레임이라는 특정 조건에서만 동작하는 속성입니다.내부링크
내부 링크를 사용할 때는 href 속성값에 #을 쓰고 그 뒤에 페이지 내에서 이동하고자 하는 요소의 id 속성값을 적으면 됩니다. <a href="#some-element-id">회사 소개로 이동하기</a> ... 중략. <h1 id="some-element-id">회사 소개</h1>
추가적인 태그들
<li>목차/ul의 자식태그/
<ul>li의 부모태그/unordered list
<ol>번호매기기/ordered list
<table>표만들기
<!-- 주석 -->주석은 화면에 노출되지 않고 메모의 목적으로만 사용하는 것을 의미합니다.참고 사이트 : 생활코딩, MDN Web Docs,Boostcourse
Let's get it!