HTML/CSS 강의 3일차 : 예시만들기, block요소, float과 margin, 테이블 만들기

 

 

 

p태그는 block요소

span태그는 inline요소임! css에서 display태그로 block으로 바꿀 수 있음

 

 

 

 

 

 

 

float은 해당 요소와 다음 요소가 어떻게 배치될지 결정해주는 스타일이기 때문에

margin:0 auto와 다른 스타일임!

 

 

 

 

 

 

 

text-align도 blcok요소가 아니라면 안먹히는 스타일태그

<br>은 줄 띄우기

 

 

 

 

 

 

 

이미지 미리보는 플러그인과 웹표준 검사해주는 w3c 사이트

 

 

 

 

 

 

 

그래서 html태그에는 꼭 웹표준인 alt 요소가 들어가야함 (스크린 리딩)

 

 

 

 

 

 

 

이미지 왼쪽에, 텍스트 오른쪽에 배치하려면 이미지에게 플롯 left를 주면 원하는대로 배치가됨! 플롯 right을 주면 이미지가 오른쪽에 텍스트가 왼쪽으로!

 

 

 

 

 

 

 

테이블 만드려면 reset.css으로 초기화 해주고 html에서는 <tr>태그와 <td>태그 두개를 써서 테이블 만든다.

좌우 줄은 tr이고 상하로 구분짓는 칸은 td