HTML (Hyter Text Markup Laguage)
: webpage를 이동할 수 있도록 만들어진 문장
: <> 태그로 이루어져있음
<HEAD> : Html 문서의 시작과 끝 표시 HTML 문서에 대한 정보를 표시하는 사용 CSS, 자바스크립트 작성하는 부분
<TITLE> : HTML문서의 제목을 표시하는 역
* CSS : 예쁘게 꾸미는 것
* 자바 스크립트 : 동적 페이지로 만들어주는 것
EX)
|
1
2
3
4
5
6
7
8
|
<HTML>
<HEAD> <!--열림-->
<TITLE>내가 처음 만든 HTML 문서</TITLE> <!--페이지 상단 제목-->
</HEAD>
<BODY> <!-- 눈에 보이는 부분-->
내가 처음 만든 HTML 문서!
</BODY> <!--닫힘-->
</HTML>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter
|
<META> : HTML 문서 자체에 대한 설명을 제공하기 위해 사용됨
사용형식 : <META http-equiv ="메타 태그 항목 이름" content = "항목 내용">
<META name ="메타 태그 항목 이름" content = "항목 내용">
닫는 태그 없음. 검색 엔진들이 html 문서에 포함된 검색 키워드 이용하여 검색하므로, 검색엔진에 의해 잘 검색되도록 하기 위해 사용
내 정보 담아 누가 만들었는지, 언제 만들었는지 담는 기능 -> 저작권으로 사용 가능
내 페이지 검색 엔진에 나타나기 하기
<META name = "robots" content = "noindex.nofollow"
<META NAME="Keywords" CONTENT="HTML,CSS,Javascript"> -> HTML, CSS, Javascript 검색하면 내 사이트 올라오도록
<META NAME="description" CONTENT="HTML,CSS,Javascript를 소개합니다."> -> 페이지 설명하는 것
자동으로 다른 페이지 이동
<META http-equiv="refresh" content="5;url=http://www.netmarble.net/"> -> 페이지 이동, 5초 뒤에 넷마블로 가라
제작자 정보 추가하기
filename. author-date,author,email.....
<BODY> 속성
background : 배경 이미지 경로 지정
bgcolor : 색상 문자열, 색상코드 -> 기본 배경색 지정
bgproperies : empty, fixed -> 배경 이미지 스크롤 가능,불가능
하이퍼 링크 색상 조정
alink : 마우스 클릭 링크 색상
link : 방문하지 않은 하이퍼링크 색상
vlink : 이미 방문한 링크 색상
여백
margin : 정식 영역 밖
padding : 영역 안
<P> : 하나의 문단
<BR> : enter와 같은 역할 -> html에선 엔터가 안먹히기 때문에 태그 써주기
<PRE> : 엔터기나 탭키 등 사용자가 입력한 그 모습 그대로 출력함
<HR> : 줄 만들기 with. width : 길이(%)로 하기, color : 색, size : 선 굵기
  : 여러개의 빈칸이나 엔터키 등 모든 공백 문자를 단 하나의 빈칸으로 인식, 여러개의 공백 인식하고자
<blockckquotoe> : 들여쓰기
텍스트 : 본문 제목 <h1>~<h6>
내용 : <p>
정렬 : align - 글자 위치 (기본 left / center, right 줄수있음)
폰트 : font face:글꼴 이름, size : 크기, color:색상, title : 설명
<B> : 글자 굵게
<I> : 기울여 씀
<STRIKE>: 글자의 취소선
<U> : 밑줄
<TT> : 글자를 타자체로
<SUP> : 위첨자
<BIG> : 글자 크게
<marquee> : 페이지에서 눈에 띄게 하고 싶은거 강조하고 싶은거 움직임(모션) 주는 것
ex) <marquee behavior = "sroll">
direction 방향 , up : 위로 , down : 아래로 , left : 왼쪽 (기본값) , right : 오른쪽 \* scrollamount 움직이는 속도
scroll : 옆으로 계속 이동, alternate : 왔다갔다, slide : 끝에 도착하면 종료
목록태그 : 숫자 이용할 때 <OL>, 숫자 안할 때 <UL>
ex) <OL>
<LI></LI>
</OL>
- <dl> : 태그로 정렬을 하기 위해
- <menu> : 오른쪽으로 점차 들여쓰기 할 때 사용
하이퍼링크
<a> : 문장이나 이미지 등에 하이퍼 링크를 만들게 됨
nanme : 문자열, href : url문자열, target: 링크 연결된 페이지 보여질 위치 title : 제목
<img src = '위치'> : 이미지 불러올 때
<a href = "mailto:이메일 주소?subject=안녕하세요"> : 이메일 주소로 메일 보낼 수 있음
'HTML & CSS & JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT 예제_오른쪽마우스 막기, 스크롤 금지 (0) | 2019.06.20 |
|---|---|
| JAVASCRIPT 예제_바뀌는 이미지 (0) | 2019.06.20 |
| JAVASCRIPT 예제_현재 시간 출력(setInterval) (0) | 2019.06.20 |
| JAVASCRIPT (0) | 2019.06.20 |
| CSS (0) | 2019.06.20 |