본문 바로가기
HTML, CSS

HTML

by _션샤인 2024. 7. 20.
  1. 항상 브라우저 창에 동일 파일 열어둘 것
  2. tag들을 어디에 둬야하는지를 아는 것이 중요

( 다 외울 필요는 없음 -> 작동하는 것을 이해하는 것이 중요)

3. ul = unordered list / ol = ordered (number)

4. a = anchor (means 'link')

5. href = reference. (only be combined with anchor)

target="_self" open with current tab

target="_blank" open with new tab

6. <img> : self closing tag.

how to put image <img src="image adress you copied">

7. Always use double quotes if you use double quotes

8. <div> </div> is box container but if you wanna put the meanings then you can use <header> or<h1>or<main>or<address>

<Remember>- header, main, footer, navigation, sidebar, aside 


<!DOCTYPE html> 모든 html의 첫 줄은 이거로 시작해야함

website have two parts : Head(Do invisible setting) / Body(Put the content, what the user will see)

<!DOCTYPE html>

<html lang="kr"> #언어설정 en, kr, es

<head>

<title>Home - My first website.</title>

<meta name="description" content="This is my website" /> # description이 중요 (when google serching it)

<meta charset="utf-8" />

</head>

<body>

<h1>Hello! Sieonshine</h1>

<a href="https://blog.naver.com/sieonshine" target="_blank"

>Go to website</a

>

<img src="IMG_1300.jpg" />

</body>

</html>

'HTML, CSS' 카테고리의 다른 글

States, Transition, Media Query  (0) 2024.07.30
Position, Pseudo selector  (1) 2024.07.23
Git hub, Icons, Font, Reset  (0) 2024.07.22
CSS  (0) 2024.07.21