728x90
HTML 기초
참고 사이트 https://www.w3schools.com/
Hyper Text Markup Language(HTML)
-
웹 문서의 구조와 내용을 담고있는 구조화된 문서(Text)
-
HTML의 기본구조
태그(Tag)
-
<> 사이에 오는 단어나 문자.<head>, <p>, <h1> 등등
-
작성한 텍스트의 구조와 의미에 관해 브라우저에게 알려줌
아래의 링크는 웹사이트에서 사용하는 태그 랭킹입니다.
ex)
<a href="target.html">Navigate to Target</a>
<a href="target.html"> 이부분은 Opening Tag
Navigate to Target 이부분은 Tag Content
</a> 이부분은 Closing Tag
속성(Attribute)
-
html 요소에 부가적인 정보를 전달하기 위해 제공하는 키와 값의 쌍
-
속성은 요소를 구성하는 태그에 부여되며 요소의 특성과 역활에 따라 다양한 속성을 가질 수있다.
-
위 ex) a태그는 타웹 문서로 연결되는 링크를 정의하는 태그로 href 속성에 연결 할 문서의 URL을 값으로 부여함
기본 마크 업 태그
-
h1 ~ h6 <h2>~</h2>
-
문서의 해더 정보를 정의 가장 중요한 헤더에 순서는 <h1>, ~~<h6> 크기는 h1 이크고 다음으로 h2 순으로감
-
p </p>단락이 끝나고 <p>다음 단락 시작
-
한개의 문단 의미
-
br <br>
-
줄바꿈(엔터느낌)
-
hr
-
주제 분리, 가로줄 삽입
-
a
-
단일 페이지에서 벗어나 다른 페이지와 연결 할 수 있게 해주는 태그
-
웹 근간을 이루는 Hyper Text 연결을 위한 Anchor Tag
-
href 속성은 링크의 목적지를 명시 한다.
- u <u>~</u>
- 밑 줄 표시 하는것
<img src="이미지경로" width=100%"> 는 이미지 추가
table 태그
-
표를 만들때 사용하는 태크
-
테이블 캡션 : caption
-
테이블 헤더 : thread
-
테이블 본문 : tbody
-
테이블 푸터 : tfoot
tr 태그(Table Row)
-
테이블 한 열을 표현
td 태그(Table Data)
-
tr 태그 내에서 하나의 행을 표현
th 태그(Table Header)
-
td 대신 사용, 제먹 셀로 사용 됨
열과 행의 확장
-
rowspan
-
clospan
기본 구조
HTML의 기본 구조는 웹 문서을 작성할 때 들어가야 하는 기본적인 내용은
크게는 문서 타입 정의와 <html>요소 로 구분
<!DOCTYPE html>는
문서가 어떤 버전으로 작성됐는지 브라우져에게 알려주는 것 이다 (html 5 으로 작성 되었다?)
항상 맨 위에 있어야함
<html lang="ko" > 에서 lang 속성 값으로 "ko" 가 들어감 이것으로 한국어으로 작성된 거구나
<head> 는 브라우져 화면에는 표시 되진는 않지만 문서의 기본정보, 설정, CSS, JS등을 연결하는 역활을 함
<meta> charset 속성은 인코딩 방식 설정 하는것
<title>은 문서의 제목이 들어 가는곳
<body> 실제 브라우져 화면에 나타나는 곳
728x90
'Basic > Web' 카테고리의 다른 글
| HTML Form Tage (0) | 2020.02.12 |
|---|---|
| HTML 로 표만들기 예제 (0) | 2020.02.12 |
| java 웹 프로젝트 (0) | 2020.02.11 |
| Apache Tomcat 다운 및 자바에서 설정 (0) | 2020.02.11 |
| java 개발 환경 (0) | 2020.02.11 |