HTML = 웹브라우에 표 시되는 웹페이지를 만드는 언어
HyperText
문서와문서가 연결되어있다 , 하이퍼텍스트(링크)를 가장 중요한 특징으로 하는
Markup
마크업이라는 형식(문법적특성)을 가진
Language
컴퓨터 프로그래밍 언어
html의 문법
<태그> ex. a
<속성> ex.href, target,title
<img: 이미지태그>
src: 외부 스크립트 파일의 url을 명시한다.
alt: 이미지가 깨졌을 때 이미지를 대체하는 텍스트
title: 이미지에 커서를 올려놨을 때 이미지를 보조하는 말
<td: table data태그>
<tr: table row 같은 줄의 테이블항목을 같은 행으로 그룹핑>
border : 테두리 속성
thead : 일 때, 칼럼이름부분에 tr=>th 로 바꿔주면
tbody : table의 위치를 맨 아래로 조정함
rowspan: 병합
<form:사용자가 입력하는 정보를 특정 url로 전송해주는 태그>
action: ex)
<input>
text:사용자에게 정보를 입력받는 형식
password:입력정보 감추기
submit: 전송하는 버튼
value: 입력받는 창의 기본값
textarea: 한줄 이상을 입력받고 싶을 때
radio
checkbox
button
hidden
label
dropdownlist: <select name="number"><option value="one">1</option><option>2</option><option></option>3</select>
post: 데이터를 전송할 때 url이 아니라 다른 방법으로 전송하는 즉 데이터를 숨겨서 전송하는 방식
get: 데이터를 전송할 때 url을 이용해서 전송하기때문에 데이터를 숨길 수 없다.
<form action="http://localhost/login.php" method="post">
<p>id: <input type="text" name="id" value="입력창의 초기값을 넣어줌"></p>
<p>pw: <input type="password" name="password"></p>
<p>ad: <input type="text" name="address"></p>
<p> textarea: <textarea cols="50" rows="2">textarea의 경우 valueX 입력창의 초기값</textarea>
<input type="submit">
</form>
'IT관련 > 메모' 카테고리의 다른 글
[수업창작] 오디션앱만들기 DB기획 (0) | 2020.08.07 |
---|---|
서블릿의 상속 HttpServlet (0) | 2020.06.30 |
[수업창작] Figma (디자인 작업 툴)로 멜론앱 따라하기 (0) | 2020.05.30 |
[수업창작] 아두이노 LED불켜기 (0) | 2020.05.12 |
LED(발광다이오드)에 레지스터(저항)이 필요한 이유 (0) | 2020.05.06 |
댓글