HTML 요소(Element)
HTML의 요소(Element)
html의 핵심 요소는 html 문서에서 사용되는 태그로 이루어져 있습니다. 이 태그는 문서의 제목을 의미하는 태그와, 문서의 시작과 끝을 알리는 태그와, 서식 태그 등이 있습니다.
겹, 홑따옴표 구성이 모두 가능 합니다.
<태그 속성="속성값">내용 </태그>
<태그 속성='속성값'>내용 </태그>
표를 만드는 태그 table에, 넓이를 지정하는 태그 속성 width, 속성 값 400 지정
ex) <table width="400"> </table> <a href="right.htm">메가뱅크 오른쪽</a>
HEAD에 들어가는 태그 (tltle, style, script, meta 등)
<title> 문서의 제목을 넣는 태그 html 문서의 제목을 나타냅니다. 본문에 나타나지는 않고, 브라우저 주소창에 타이틀 제목으로 나타납니다. <title> </title>은 <head> 영역에만 들어갈수 있습니다.
<style> stlye정보(폰트, 색상, 너비, 높이 등)를 규정하는 태그. 주로, css문서에서 사용 됨.
style 태그는 세가지 형식으로 넣을수가 있습니다.
1. inline 스타일(style이 태그 속성처럼 사용)
2. internal 스타일(style이 태그처럼 사용)
3. External (외부로 연결해 사용)
#확장자 .css로 저장 ex) : text.css
body{color:red;}
#확장자 .html으로 저장 ex) :메가뱅크.html
<script> 자바스트립트 같은 다른 프로그래밍 언어를 연결시키는 태그. 이 스크립트를 브라우저에서 어떻게 번역해야 할지를 알려 줍니다.
<script>태그는 실행 순서의 차이가 있지만 <head>영역과 <body>영역에 모두 넣을수 있습니다. 다른 자원이 모두 로드된 후 자바 스크립트가 실행되길 원한다면 </body> 바로 위에 넣으면 됩니다.
HTML문서에 자바스크립트(Javascript)를 넣을수 있는 두가지 방식
첫번째
html문서 head 영역 안에 자바스크립트 끼워넣기
<html>
<head>
<title>메가뱅크</title>
<script type="text/javascript">
alert('메가뱅크입니다');
</script>
</head>
<body>
아파트 담보대출 금리비교
무료 서비스 1800-7142
</body>
</html>
html문서 body 영역 안에 자바스크립트 끼워넣기
<html>
<head>
<title>메가뱅크</title>
</head>
<body>
아파트 담보대출 금리비교
무료 서비스 1800-7142
<script type="text/javascript">
alert('메가뱅크입니다');
</script>
</body>
</html>
두번째
외부로 자바스크립트(javascript) 연결
# 자바스크립트 파일을 확장자(.js)저장
ex : (test.js)
alert('메가뱅크입니다.');
# 확장자 .htm으로 저장 ex) : main.htm
<html>
<head>
<title>메가뱅크</title>
<script type="text/javascript"
src="test.js"> </script>
</head>
<body>
아파트 담보대출 금리비교
무료 서비스 1800-7142
</script>
</body>
</html>
<link> 외부 자료를 연결시키는 태그
link 태그는 대부분, style sheet를 연결시키기 위해 사용합니다.
<link>태그는 <head>영역에만 올수 있습니다.
ex) : <style>- external 참조
<meta> 정보에 대한 정보를(metadata) 알려주는 태그
페이지에 표시되지는 않고, 브라우저와 검색엔진 에게만 읽힙니다. 문서에 대한 설명이나, 검색 엔진 키워드, 저자, 다른 메타데이터 등을 표시합니다.
description : 문서에 대한 설명
keywords : 검색어
charset : character set의 약자로 문서 부호처리 방식을 표시함. UTF-8 이 가장 일반적으로 표시
HTML4 : <meta http-equiv="content-type" content="text/html; charset=UTF-8">라고 표시
HTML5 : <meta charset="UTF-8">라고 표시
meta 태그 위치는 항상 <head> 사이에만 옵니다.
<head>
<meta name="description" content="html 요소">
<meta name="keywords" content="html, css">
<meta name="author" content="메가뱅크">
<meta charset="UTF-8">
</head>
다음은 가장 기본적인 태그로 포스팅 하겠습니다.
기본에 충실 하겠습니다.
010-7249-0202