HTML 파일 설정
HTML 문서의 맨 앞에 항상 <! DOCTYPE html>을 포함해야함.
<head> 밑에 <body>
We have added these elements to the Brown Bears page you previously created. Now, let’s also give the browser some information about the page itself. We can do this by adding a <head> element.
Remember the <body> tag? The <head> element is part of this HTML metaphor. It goes above our <body> element.
<head>
<title>Brown Bears</title>
</head>
<title>은 항상 <head>안에 있음.
<a>는 링크 연결.
href에 url주소 넣고 그 뒤는 나타낼 텍스트 씀.
<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">The Brown Bear</a>
target="_blank" 는 새창으로 url연결됨.
In the example above, setting the target attribute to "_blank" instructs the browser to open the relevant Wikipedia page in a new window.
<a href="./index.html">Brown Bear</a>
index.html이라는 파일을 현재폴더에서 찾음. Brown Bear는 나타내는 텍스트.(이거 누르면 그 파일로 연결)
The ./ in ./index.html tells the browser to look for the file in the current folder.
<a href="./index.html" target="_blank"><img src="https://en.wikipedia.org/wiki/Brown_bear"/></a>
새창에서 index.html연결하고 이걸 나타내는 이미지는 https://en.wikipedia.org/wiki/Brown_bear임.
이걸 클릭하면 연결됨.
<li><a href="#introduction">Introduction</a></li>
<div id="introduction">
이런식으로 <div>에 id 설정했으면 같은페이지 안에서 바로 연결 가능.
이때 <a href="#introduction"> 사용함. #뒤에는 id씀.
주석처리 : <!-- -->
Comments begin with <!-- and end with -->.
'web > HTML·CSS' 카테고리의 다른 글
| html 이모지 코드표 (0) | 2020.07.21 |
|---|---|
| codecademy(코드카데미) HTML정리 4 (0) | 2020.04.25 |
| codecademy(코드카데미) HTML정리 2 (0) | 2020.04.23 |
| codecademy(코드카데미) HTML 정리 1 (0) | 2020.04.22 |
댓글