html - 2

요즘 너무 바빠 블로그를 잘 쓰지 못했다 ㅠ 깃허브에 매일 커밋하나씩만 지키는 중이다ㅠㅠ

지난번 html-1의 간단한 태그들 몇개에 이어서 또다른 html태그들을 설명해보겠다.

<ol> ~ </ol> : 이 태그는 ordered list라는 태그로 해석을 해보면 정렬된 리스트인데 뒤에서 설명해줄<li>태그랑

                    이런식으로 같이 쓰면

왼쪽 코드처럼 쓰면 오른쪽과 같이 나온다.

 

<ul> ~ </ul> : 이 태그는 unordered list라는 태그로 정렬이 되지 않은 리스트 인데 이것도 <ol>태그랑 똑같은 형식으                       로 쓰이는데

왼쪽 코드처럼 작성하면 오른쪽과 같이 나온다.

 

<li> ~ </li> : 이 태그는 위에서 대충 눈치를 챘을수도 있지만 <ol>, <ul> 태그 안에서 부호를 붙일 때 쓰는 것인데

                   위 그림들의 코드에서 <li>를 빼면 앞에 <ol>, <ul> 태그안의 문자에 아무표시도 안붙는것을 알 수 있다.

 

<title> ~ </title> : 이 태그는 ~ 안의 문자들이 브라우저 창의 윗부분에 뜨는 것을 알 수 있는데 그림으로 보는 것이

이해가 빠를 것이다.

그림에서 빨간 동그라미 부분을 나타내는 것이 <title> 태그이다.

 

<meta charset="utf-8"> : 이 태그는 웹사이트에 한글을 넣을 수 있게 해주는 태그이다.

<img src="이미지 파일" width="?px"> : 이 태그는 이미지 파일을 삽입할 수 있는 태그인데

이미지 파일의 위치에 이미지파일명(ex 1.jpg)을 넣고 width는 크기를 설정하는 것인데 굳이 대입을 안해도 되지만

대입을 하지 않으면 이미지 파일이 너무 크게 들어가서 보통 크기를 설정하는 편인데 ?px에 크기를 입력하면 된다.