- Heading 태그( h1 ~ h6 )
- 단락 태그( <p> </p> )
- 줄바꿈태그 ( <br> )
- 글자를 굵게 표현 ( <b></b> )
- 글자를 이탤릭체로 표현 ( <i></i> )
- 글자에 밑줄 ( <u></u> )
- 글자의 중간선 긋기 ( <s></s> )
- 앵커태그 ( <a href = "링크" target="" > </a> )
*target 속성:
1. _self: 현재 화면에 표시한다는 의미, target 속성이 선언되지 않으면 기본적으로 self와 같이 동작
2. _blank는 새로운 창에 표시한다는 의미로 외부 페이지가 나타나게끔 하는 속성
- 아무 의미가 없는 컨테이너 요소: <div></div> 와 <span></span>// div는 블록 레벨 태그이며, span은 인라인 레벨 태그
- 리스트 태그 ( <ul></ul> 과 <ol></ol>이 있고 ul은 순서가 없는 리스트, ol은 순서가 있는 리스트를 의미합니다. 안에 <li></li> 태그를 사용해줘야합니다. // <dl></dl>태그는 태그의 용어와 정의를 나타날때 사용하며 용어를 나타날때는 <dt></dt> 를 사용, 정의를 나타날때는 <dd></dd>를 사용해줍니다.
- 이미지 태그 ( <img src="" alt="">
src는 이미지의 경로를 나타내는 속성
alt는 이미지의 텍스트를 나타내는 속성
<table>
<caption>자바</caption>
<thead><tr><th></th></tr></thead>
<tbody><tr><td></td></tr></tbody>
<tfoot><tr><td></td></tr></tfoot>
</table>
colspan=""
rowspan=""
- 폼요소 .1
* <input type=""> : 다양한 type 속성으로 여러 종류의 입력양식으로 나타냅니다.(type 안에는 text, password, radio(name에서 같은 속성이라는것을 명시해줘야합니다./ 중복선택 불가능) , checked: 참, 거짓을 알려줍니다)
- 폼요소.2
* <input type=""> : ( file: 내 컴퓨터에 있는 파일을 서버에 올릴때 사용하는 파일, submit: 파일의 값을 데이터에 전송, reset: 값을 초기상태로 변경합니다, buttom: 아무런 기본동작이 없습니다, image: 버튼에 이미지를 삽입할수있습니다.(src, alt 속성이 필요합니다.))
- 폼요소.3
* select: <option>항목</option> : 이렇게 쓰면 선택을 할수잇는 항목들이 나열 (selected는 checked와 같은 역할)
* <textarea></textarea>: 여러 줄 텍스트 입력 상자(속성으로는 cols 와 rows 속성이 있습니다.)
* <button type=""></button>: input type과 비슷해보이지만 내용을 안에 직접 넣을 수 있습니다.
- 폼요소.4
* lavel 속성: 폼 컨트롤과 연결 시켜주기 위함으로 웹 접근성 향상에 도움이 됩니다.(필수)
<label for ="id값">내용</label>
<input type="" id="id값">
*<fieldset><legend></legend></fieldset>: form 요소를 구조화 하기 위해 필요한 태그
<fieldset> : 여러개의 폼 요소를 그룹화하여 구조적으로 만들기 위해 사용
<legend>: 폼 요소의 제목으로 <fieldset> 내부에 작성
<form>: form 요소들을 감싸는 태그로 데이터를 묶어서 실제 서버에 전송해주는 역할을 하는 태그
action: 폼 데이터를 처리히기 휘한 서버의 주소
method: 데이터를 전송하는 방식을 지정(get: 민감한 정보를 다룰때는 사용하면 안됨, post: 회원가입, 로그인 정보등 중요한 정보를 다룰때는 post 방식으로 사용)