내일배움캠프 DAY 2

HTML 과 CSS 

HTML 과 CSS 는 너무 쉬워서 깊게 공부 하지 않다도 된다고 들었는데 ..

막상 혼자서 만들다 보니 생각보다 쉽지 않았다. 

내가 원하는 대로 바꾸고 싶을때 어떤 선택자를 써야하는지도 모르겠고

사용했다고 해도 내가 원하는대로 나오지 않았다. 

그래서 오늘은 HTML에 대해서 집중적으로 공부했다. 

 

HTML 에서 많이 쓰이는 태그

<h1 ~ h6> : 제목을 쓸때 사용

<p>: 문단을 나눌때 사용

<a>태그 : 링크를 달때 사용 

<blockquote> : 비교적 긴 인용문에 사용 / cite 속성으로 출처 표시

<cite>: 저작물의 출처 표기 /제목을 반드시 포함

<mark>: 인용문 중 하이라이트 또는 사용자 행동과 연관된 곳 표시

<ul> 리스트를 만들때 사용

<ol> 리스트를 만들때 사용 123 순서로 생성됨 type, start 속성 사용 가능

<li> 리스트의 아이템  리스트 태그의 1촌 자식

<img> 이미지를 넣을때 사용 src 속성 사용 alt는 설명

<width> 너비

<heigth>높이

<table> 테이블 태그

<tr> 테이블의 행

<td> 테이블의 데이터 셀

<thead> 테이블의 헤더 부분, <tbody>앞에 와야함 

<tbody>테이블의 본문

<thead> 테이블의 헤더 부분
<tbody> 테이블의 본문

<tfoot> 테이블의 푸터 부분 

<th> 열 또는 행의 헤더 

<adress> 주소 넣을때 사용 

<input>:입력값을 요구할때 사용 

-관련 타입

text , password, search, tel, number , range, date ,checkbox, radio ,file , hidden, email

 -관련 속성

-placeholder: 빈 칸에 보이는 안내문

-maxlength 최대 길이

-maxlength 최소 길이  

<textarea> 메시지 입력칸 생성 

 

결론

이런게 있구나 하고 CSS를 사용한다..