WEB/생활코딩 Html

생활코딩 1일차

코딩 뉴비 2020. 10. 9. 17:20

생활코딩 WEB1 html & internet

 

  Tag

1. 강조하기 <strong> </strong>

2. 언더바 <u> 

처음으로 웹을 끄적여보다.

무엇을 모르는 지 알게 되었다. 얼마나 혁명적인 사건인가요?

 

3. 헤딩 <h1~6>

7은 없다! 숫자가 커질수록 글자는 작아진다.

<h1>으로 감싸주면 자동으로 글자도 커지고, bold, 줄도 바꿔진다.

 

4. 줄바꾸기 <br>

줄을 바꾸는 것이기 때문에 닫히는 태그는 필요가 없다.

 

5. 단락 구분하기 <p>

pragraph 

단락을 구분하기 때문에 열리는 태그, 닫히는 태그 모두 필요하다.

 

단락을 구분하는 용도로는 <p></p>가 더 가치있는 태그. 정보의 구분을 해 주는 역할도 하기 때문이다.

하지만 정해진 영역만큼만 띄워지기 때문에 많은 양을 띄어쓰기 하려면 <br>을 써 보자.

* 의미에 맞는 태그를 쓰는 것이 중요하다.

 

6. 이미지 첨부하기 img

<img src/source="" width="~%/~px">

____ : 속성이기 때문에 괄호가 필요없다.

 

7. 목차만들기 (부모-자식 목록)

<li> 리스팅/목록 만들기 - <br>대신 목록임을 알려주는 코드

<ul> 목록화

*<ol> 자동 넘버링 목록화