본문 바로가기
[LANG]/- HTML&CSS

[HTML] HTML의 기본

by Hapco 2022. 5. 31.
728x90
반응형

#HTML

hyperText Markup Language 의 줄임말로 하이퍼 텍스트 구조를 만들기 위해 사용하는 언어이다.

#하이퍼텍스트

텍스트가 연결되어 이동가능한 형태로 묶여있는 구조

#형태

HTML은 기본적으로 'TAG'라는 방식을 채택하여 구조를 구현한다 .

<태그이름>...</태그이름>

<태그이름>을 시작태그 </태그이름>을 종료태그.

시작태그부터 종료태그까지가 하나의 범위가되고 해당범위에는

발생한다.

경우에따라서는 범위를 지정할 필요가 없거나 지정할수 없는 태그도 있으며 이때는 종료태그는 작성하지 않는다 EX) Meta태그

#주요 HTML 태그

-HTML : HTML문서 범위를 지정 . 단하나만 존재하며 안써도 자동생성 (하지만 작성권장)

-HEAD : HTML 문서의 정보 영역

-편지봉투와 같은역활 화면의 속성,정보,특징등을 작성

-Body : HTML의 문서 표시 영역

-편지지와같은 역활로 실제 화면에 표시될 내용이 작성

-Title : 문서의 제목

-H1~H6 :

heading 태그 헤드라인과같이 한줄에 표시될 내용을 작성 숫자가 작을수록 상위헤드라인

-Meta : 문서의 속성을 표시하기 위한 태그

 

이클립스에서는 내장브라우저가 탑제되어있다 하지만 성능이 좋지않아 다른브라우저로 실행되도록 설정을 변경

Window -> preferences -> browser

 

통상 UTF-8로 작업하기때문에 일일이 바꿔주지 않고 기본값으로 UTF-8로적용

CSS/HTML /JSP 다여기서 설정

<HTML구조>

이제 우리는 java에서 코드처리를 하는것이 아닌 웹페이지에서 보여줄 메세지를 작성해보겟다.

<html>
	<head>
		<title>Hello HTML</title>
	</head>
	<body>
	<h1>Hello Web Page</h1>
	<h2>Hello Web Page</h2>
	<h3>Hello Web Page</h3>
	</body>
</html>

화면에 출력할내용

접속주소 : http://localhost:8080/web06/hello.html

UTF-8로 자동 설정되어있게 햇기떄문에 html file을 만들면 자동으로

<html>
	<head>
		<title>한글제목</title>
		<meta charset="UTF-8"> 
	</head>
	<body>
	<h1>HTML 배우기과정!</h1>
	</body>
</html>

UTF8로나오게된다 설정해주지 않으면 EUC-KR로 설정되어있으며 할때마다 수정해줘야함..

'[LANG] > - HTML&CSS' 카테고리의 다른 글

[HTML]form / input 태그  (0) 2022.06.01
[HTML] a태그 Anchor태그  (0) 2022.06.01
[HTML] img 태그 alt속성  (0) 2022.06.01
[HTML] img 태그 사용법  (0) 2022.06.01
[HTML] HTML 주석 사용  (0) 2022.05.31

댓글