[html] html①

마크업 랭귀지: 요소를 정의할 때 태그<>를 사용하는 언어

 

HTML5 문서의 작성

1. 태그 이름 대소문자 구별 x

2. 연속된 공백/줄바꿈은 하나로 처리

   →특수이름 또는 <pre>태그 사용

3. 부모와 자식 관계를 표현하기 위해 들여쓰기 사용

4. 종료 태그 사용

• 일반적인 표기 형식: <p>~</p>
• 단축 표기 형식: <p/>→HTML5에서 <p>로 변경(싱글태그)

5. 주석: <!--시작   -->종료

 

 

 

태그의 분류 및 속성

1. 태그의 분류

미리 정의되어있는 태그

사용자 정의 태그

 

2. 속성

• 태그의 종속적인 정보 표현
• 태그 없이 단독으로 사용 불가
• 속성="값"

<시작태그 속성="값">내용</종료태그>
<a href="http://naver.com" target="_blank">네이버</a>

 

3. 글로벌 속성: 모든 태그에 사용 가능한 속성

• class="클래스명"
• id="이름"
• style="CSS 선언"
• 등등

4. 미리 정의된 속성: 특정 태그에만 사용할 수 있도록 정해진 속성

<img src = "welcome.jpg" border = "1" width = "200" height = "130" alt = "welcome" title = "환영합니다!">

 

 

 

예제를 조금 바꾸어 이미지도 추가하고 pre 태그 안의 글이 중앙정렬이 되게 해보았다.

pre 태그에서는 구분을 위해 들여쓰기한 공백도 인식해서 그대로 출력하기 때문에 주의해야 한다.

테이블 만드는 순서

1. tr 수(몇줄인지) 세기
2. 각 tr의 td 만들기(rowspan과 colspan 적용)

 

 

 

 

 

 

드디어 java가 끝나고 html을 시작했다.

java 복습도 병행해야 하기 때문에 완전히 끝났다고 할 수는 없지만ㅎㅎ

여하튼 새로운 단계가 시작됐다는 느낌에 의욕이 더 샘솟는다.