1. HTML 정의와 역사
H : hyper / T : text =링크
M : markup / L : language
웹페이지를 만들 때 사용하는 언어로, 확장자는 html
90년대 초반 영국의 물리학자 팀 버너스리가 신속한 문서와 정보를 공유하기 위해, 제안하여 개발
2. 태그
꼬리표, 이름표로 꺾쇠를 통해 표현함(<>), Body에 내용을 입력
태그와 요소(Element)는 같은 의미로 통용되기도 하고, 다양한 마크업 언어에서 모두 사용됨
3. 속성
태그 시작 때 공백을 두고, 뒤에 속성값을 써줄 것 ex: <h1 id="title">, <h1 id="title" class="test">
ㄴ속성 선언 순서는 태그 영향에 영향을 미치지 않음
4. 실습
<기본> html 엘리먼트 안에 속성 값을 입력
-H1: 글씨크기, H옆의 1,2,3,4를 입력 시 글씨 입력이 가능
-a href="": 하이퍼링크 걸기
-div: 블록 레벨 태그, 일반 컨테이너 태그
ㄴ 컨테이너 태그로 하나 이상의 요소(태그)를 묶어 지정
-span: 원하는 부분만 선택해 시각적 효과줄 수 있음.
-ui, li: 리스트
-input type="",placeholder="" : 블록의 속성, 들어갈 메세지
-br: 띄어쓰기
-p: 문단 나누기 , 가독성이 좋음
-button: 버튼
<실습시 문제사항 해결방법>
1. html 인코딩 중 글씨깨짐: <head>부분에 <meta charset="utf-8">부분을 입력했을 경우에 글씨 깨짐 해결
2. placeholder의 패스워드 부분이 깨짐: 오탈자 조심
3. 버튼을 만드는 태그: 두 가지 중 선택
<출력화면>
*HTML 참고사이트: developer.mozilla.org/ko/docs/Web/HTML/Element
HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN
HTML 요소 참고서 이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다. 필요로 하는 요소를 쉽게 찾을 수 있도록 기능별로 분류했으며, 각각의 요소 참조 페이지 사이드
developer.mozilla.org
www.w3schools.com/tags/ref_byfunc.asp
HTML Reference
w3schools.com --> THE WORLD'S LARGEST WEB DEVELOPER SITE
www.w3schools.com
The W3C Markup Validation Service
파일 업로드로 유효성 검사 주의: Windows XP SP2 의 몇몇 IE 에서는 업로드가 되지 않을수도 있습니다. 이 경우에는, W3C QA 사이트의 information page 를 참고 하십시오. 직접 입력하여 유효성 검사
validator.kldp.org
'java,css,html' 카테고리의 다른 글
| 자바교육(자바 프로그래밍)후기 (6-10강) (0) | 2021.04.19 |
|---|---|
| 패스트캠퍼스 자바인강(자바 프로그래밍)후기 (1-5강) (0) | 2021.04.13 |
| CSS 간단 정리(과제) (0) | 2021.03.07 |
| HTML 자주 사용하는 태그 모음 (0) | 2021.03.06 |
| Html 기본 문법(2) (0) | 2021.03.05 |
댓글