-HTML 기본 구조
기본적으로 ,
<tagname>Content goes here..</tagname>
-HTML Headings
태그는 <h1>부터 <h6>까지 있다. 1부터 6 순서로 글자의 크기가 작아진다. 중요도를 나타냄!
-HTML Liks
링크는 정의하는 태그는 <a>
-HTML Images
<img>태그 사용. alt, width, height는 지정해주자!
alt는 이미지가 화면에 보이지 않을 시에 보여지는 대체 텍스트이다.
-Style Attribute
font 설정하는 방법
test alignment : center, left, right
text formatting : bold, icalic, subsript, superscript
-Title Attribute : element에 대한 추가적인 정보
-About <p> tag
Horizontal Rules in <p> tag : <hr> 태그
<br> 태그 : new line 생성
<pre></pre> 태그 : 글씨체가 정해져있고, space와 line break 를 보존함
-Border Style 설정
-CSS 적용하는 법 세가지
1) inline CSS : HTML element에 style attribute 적용
2) internal CSS : <head> section 안에 <style> 적용
3) external CSS : <link> 태그 사용해서 외부 CSS file로 스타일 적용
-About CSS
border-style : 테두리의 모양을 정하는 속성 (기본값은 none)
(none, hiddne, dotted, dashed, solid, double, groove, ridge, insert, outset, iitial, inherit)
Padding : text와 border 사이의 공간 즉, 안쪽 여백
margin : border의 바깥쪽 여백
-HTML Links :<a> tag 의 href 속성은 link의 destination이 들어가는곳
페이지를여는 여러가지 방식
1) _self 2) _blank 3) _parent 4) _top
Button as a Link
link button에 스타일 적용
link를 통해 Bookmark로 이동하는 코드
Image as a Link
-HTML Image Maps
shape
1) rect : 직사각형 모양, coords로 4개의 값 필요
2) circle : 원 모양, coords로 3개의 값 필요
3) poly : 다각형 모양, 원하는 만큼 값 지정
4) default : 전체 region
-Background Image
-HTML Tables
<table> : 테이블을 생성
<tr> : 테이블의 한 행을 생성
<td> : 테이블 데이터를 생성
<th> : 테이블 heading을 생성
<caption> : 테이블 caption을 생성
colspan : 지정하는 만큼의 열을 생성
rowspan : 지정하는 만큼의 행을 생성
-HTML Lists : 1) unordered list 2) ordered list
-HTML class
-HTML Iframes : 웹 페이지 안에 웹 페이지를 보여주는 것
-HTML Responsive Web : 디바이스 종류에 따라 웹페이지의 크기가 자동적으로 재조정 되는 것
'Web Developement' 카테고리의 다른 글
| 6. JavaScript 정리 (0) | 2021.01.10 |
|---|---|
| 5. CSS 정리 (2) (0) | 2021.01.10 |
| 4. CSS 정리 (0) | 2021.01.10 |
| 3. HTML Forms (0) | 2021.01.07 |
| 1. 닷홈(dothome)개설하기 (0) | 2021.01.03 |