title : 웹브라우저 툴바 표시
- 웹브라우저를 즐겨찾기에 추가할때 제목으로 설정
- 검색 엔진 결과 제목
body : 웹 브라우저를 통해 보이는 내용(content) 부분
h1~h6 : 제목(heading)을 나타냄
헤드태크 제목이 검색엔진에 노출되는 값
p : 단락(paragraph) 을 나타냄
내용
태그이름 클라스 = 속성값> 내용 종료태그
코드에서 작성한 코드 그대로 웹에서 표시
단락1
hr 입력시 위에 수평가로선 표시
굵은글씨체 b로 표시(bold text)단순 글씨체만 표시
strong 표시 더 중요하게 인식
이탤릭체(기울기) i로 표시
이탤릭체이나 더 중요 하게 인식
이부분 하이라이팅 mark 표시
삭제효과 삭제효과를 준것 으로 표기 del 사용
밑줄 삽입 ins 사용 밑줄 삽입
x2 + y3 = z : p 넣고 sup 넣고 닫기 위첨자 사용
인용구 짧은 인용구
q를 넣으면 " 붙음.
블록인용구
블록인용구 blockquote 별도 단락으로 표시됨.
축약형 해당 strong을 변경하면 앞쪽 축약형으로 표시되어 있는 부분이 바뀜.
인천광역시이 부분은 조금 어려운 코드입니다.
ASCII : 가장처음 만들어진 문자셋 인터넷 문자 127개 영문 숫자
ANSI : 윈도우즈에서 만든 256개의 문자 코드
ISO-8859-1 : 256개의 문자 코드 HTML4 의 기본 문자셋
UTF-8 : 세모 모든 문자 유니코드 문자 지원 HTML5 기본 문자셋
문법 태그이름 스타일 = "속성이름: 속성값"
문법 스타일 폰트 사이즈
style 값에 사용되는 css속성은 ;를 사용해서 구분
마지막 부분에서는 ;생략 가능
aqua,blue,black,gray 등으로 표현 16개
rgb (0,0,0) 등으로 표현
#ff0000 16진수 색상값으로 표현
헤드 부분에 스타일로 전체 body 헤드 단락 뒷 배경 이미지 지정가능
...
링크 새창 새탭에서 오픈
현재 프레임에서 오픈 기본설정
링크로 연결된 부모 프레임에서 오픈
현재 창에서 가장 상위 프레임에서 오픈
지정 프레임에서 오픈
단순 이미지 삽입
이미지 사이즈 width 와 height 로 선택 변경.
이미지 스타일로 지정하여 변경.
링크 만드는 a href 이용해서 이미지를 링크 접속으로 이용 거기에 이미지 스타일변경
style="list-style-type:upper-alpha" 리스트 번호 알파벳으로
decimal : 숫자 기본형
upper-alpha : 영 대문자
lower-alpha : 영 소문자
upper-roman : 로마 숫자 대문자
lower-roman : 로마 숫자 소문자
| 참치 | 고래 |
|---|---|
| 상어 | 문어 |
| 오징어 | 고등어 |
스타일 table, th, th {border : 1px solid black border-collapse: collapse}
테이블 열 합치기
| 참치 | 고래 | |||
| 상어 | 상어 | 상어 | 상어 | 상어 |
td colspan="x" 표에서 해당 열에대해서 다음 몇개의 열까지 합칠것인지 선택
| 상어 | 문어 | 꽁치 |
| 고등어 | 돌고래 | |
| 사슴 | 호랑이 | 호랑이 |
| 표범 | 표범너구리 | 표범너구리 |
td rowspan="x" 표에서 몇번째 행까지 합칠 것인지 선택
| 1 | |||||||||
| 2 | |||||||||
| 3 | 4 | 5 | 6 | 7 | |||||
| 8 | 9 | ||||||||
| 10 | |||||||||
테이블의 형식을 이용해서 합치기 가능
| 참치 | 고래 | 날치 |
|---|
caption "내용" /caption
P요소는 display 속성값이 블록인 요소 입니다.
이렇게
span태그는 display 속성값이 인라인인 요소 입니다.
이렇게 span요소로 텍스트의 일부분만 따로 묶은후 스타일 지정가능.
문법 iframe src=페이지 주소 /iframe
섹션