1.html 기본원리
2022. 7. 12. 19:03ㆍ언어/html & css
1. Tag
self-closing tag
- img가 대표적인 self-closing tag인데, 그자체로 끝나는 것은 self closing tag 로 나타낸다
- 다른 태크와 다르게
<TagName />와 같은 방식으로 끝난다.
<img />
<img></img> // X<h1></h1>: title, heading
<h1>이것은 시작한다는 의미고</h1>끝난다는 의미, 사이에 있는것이 타이틀이 되는것이다.- 숫자가 커질수록 title의 크기가 작아짐 (1~6)
list
- orderd list(
<ol></ol>)- 숫자가 있는 리스트
- unordered list(
<ul></ul>)- 숫자가 아닌 점으로 순서를 표기
- list item(
<li></li>)- ordered list 와 unordered list에 작성되는 text를 list라고 인지를 시켜주는것
<ol>
<li>사과</li>
<li>배</li>
<li>딸기</li>
<li>포도</li>
</ol>
<ul>
<li>사과</li>
<li>배</li>
<li>딸기</li>
<li>포도</li>
</ul>2. Tag Attributes
- tag 에 추가적인 속성을 부여 하는것임.
- tag의 이름 뒤에 한칸띄우고 작성하면 됨.
- 모든 attribute 가 모든 tag 에서 사용이 되는 것은 아님.
href
- hyperlink reference
<a href="http://google.com">go to google.com </a>src
- src 는 img, audio, video 와 같은 내장 컨텐츠의 url이 필요한 태그에서만 작용.
<img src ="주소" />3. html의 기본구조
<!DOCTYPE html>
<html lang = "kr"> // search engine 에 도움을 주는 정보
<html>
<head>
직접적으로 보이지 않은 설정들
</head>
<body>
직접적으로 보이는 contents
</body>
</html>head
<meta charset = "utf-8" />- 한국어와 같은 영어가 아닌 언어에 대한 정보를 보여주기 위해 필요한 문장.
body
- 웹페이지에서 직접적으로 보여지는 요소들을 추가하면 됩니다.
4. Form tag
- 입력된 데이터를 한번에 서버로 전송하는 기능입니다.