Learn HTML & CSS. 2.Common HTML Elements

Review what I learned

1. 여러 크기의 heading을 쓸 수 있는데, <h1> 태그 부터 <h6> 태그 까지 사용 가능하다. 크기는 h1이 제일 크며, h6로 갈수록 크기가 작아진다..


2. 단락(Paragraph)들은 <p> 태그로 주가할 수 있다. (나는 단락보단 문단으로 생각하는 편이다.)


3. 순서가 정해지지 않은 리스트는 <ul> 태그로 사용할 수 있다. (unordered list)


4. 순서가 정해진 리스트는 <ol> 태그로 사용할 수 있다. (ordered list)


5. 각 리스트들의 목록들은 <li> 태그로 추가할 수 있다.


6. 링크들은 <a> 태그로 이동하게 할 수 있는데, href 속성이 꼭 필요하다. (href = html reference)


7. 이미지는 <img> 태그로 추가할 수 있다. src 속성이 꼭 필요하다. (src = source)


8. 이미지가 엑박이 되거나(로딩되지 않을 때), 문제가 있을 때 alt 속성이 설명을 띄워준다.


9. <a> 태그로 둘러싸면 어떤 태그에나 링크를 연결시킬 수 있다. (예. <a ~~><img ~~/></a>)


10. HTML코드에서 태그 외부에 있는 white space(공백, 탭, 엔터)는 브라우저 에서는 보여지지 않는다.


11. W3C(World Wide Web Consortium)에서는 nested tag(한 태그안에 다른 태그가 있는 형태)에서 2 space(혹은 1 tab) 씩 들여쓰기를 권장한다.


12. 주석은 <!-- 와 --> 안에 쓰면 된다. (예. <!-- 이곳은 주석처리 되는 곳입니다.--> )

리스트 예

<ol>

<li>첫번째</li>

<li>두번째</li>

</ol>

결과

1. 첫번째

2. 두번째

출처 : codecademy(HTML & CSS)