티스토리 뷰
Html 문서는 대략
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>인터넷 상단 타이틀명</title>
</head>
<body>
</body></html>
이런구조로 되어있다.
<html>태그 안쪽에 <head>태그와 <body>태그가 있는데
<head>태그에는 문서를 설명하는 내용을 코드로 작성해주고
<body>태그에는 화면에 표시될 내용을 코드로 작성해주면 된다.
<h>태그
- <h1>,<h2>,<h3>등등 숫자가 클수록 글씨가 작아진다.
<p></p>태그
- 문단태그
<strong></strong>,<b></b>태그
- 태그 사이의 글씨를 굵게 표현한다.
- <b>태그를 주로 사용했는데 요즘은 <strong>태그로 바뀌는 추세라고 한다.
<br></br>태그
- 줄바꿈 해주는 태그
- 엔터와 동일하다.
<hr>태그
- 수평선(horizon)을 그려주는 태그
<a></a>태그
- <a>태그는 클릭을 가능하게 해준다.
- <a>태그 안에 href라는 속성을 추가해서 링크로 사용 가능하다.
목록태그
- 목록태그는 종류가 여러가지 있는 것 같다.
- <ul>태그와 <li>태그
<img>태그
- 이미지를 삽입 할 때 사용하는 태그
- src라는 속성에 주소(상대경로,절대경로)를 추가해서 이미지 삽입
<table></table>태그
- 표를 만들어주는 태그
- <table>태그 안에 <tr></tr>태그로 행을 생성하고 <tr>태그 안에 <td></td>태그로 열을 생성한다.
- <tr>태그에 rowspan 속성을 추가해서 행 합치기 가능
- <td>태그에 colsapn 속성을 추가해서 열 합치기 가능
<form></form>태그
- 사용자에게 어떠한 값을 입력 받고 받은 내용을 전달하기 위해 주로 사용되는 태그
- action 속성으로 데이터를 전달할 주소를 정해주고
- method 속성으로 데이터 전달할 방식을 정해줄 수 있다.
- <form>태그 안에는 <input><textarea><select>태그를 이용해서 데이터를 입력받을 수 있다.
<input>태그
- type="text" 속성으로 입력칸 생성
- type="radio" 속성으로 한가지데이터 선택칸 생성
- type="checkbox" 속성으로 여러개데이터 선택칸 생성
<select></select>태그
- 데이터 선택을 위한 풀다운메뉴 만들어주는 태그
- <select>태그 안에 <option></option>태그를 넣어 데이터를 작성해 줄 수 있다.
Html에서 공간분할은 기본중의 기본이고 공간분할이 있어야만 원하는대로 화면구성을 할 수 있다.
<div></div>태그
- <div>태그는 기본으로는 한 줄을 자신의 공간으로 가진다.(block)
- style 속성의 width와 height로 공간을 지정해 줄 수 있다.
<span></span>태그
- <span>태그는 내용물을 감싸는 공간을 가진다.(inline)
'Computer Language > Web Program' 카테고리의 다른 글
| EL과 JSTL (0) | 2018.05.16 |
|---|---|
| 005-에러처리 (0) | 2018.05.04 |
| 004-내장객체(Implicit Object) (0) | 2018.05.04 |
| 003-form태그 (0) | 2018.05.04 |
| 002-JSP에 대해 (0) | 2018.05.04 |
- Total
- Today
- Yesterday