본문 바로가기

WEB(Front-End)/HTML

(17)
연습예제 - <body> </body> body 태그안에 쓰이는 태그3 (테이블 요소) 1.기본 연습( 병합 및 cellspacing, cellpadding bgcolor="#e8ece8") 기본테이블 1 2 3 4 colspan 12 3 4 rowspan 13 2 4 0 0 1 2 3 4 0 15 1 2 3 4 15 0 1 2 3 4 15 15 1 2 3 4 bgcolor 1 2 3 4 5 6 7 8 2.한번 보기(이런 기능들도 있다) 실습 1. 병합 된 셀을 갖는 실험 표 구분 평균 붉은 눈 길이 체중 숫놈 1.9 0.003 40% 암놈 1.7 0.002 43% 2. 3. 4. 5. 6.
<body> </body> body 태그안에 쓰이는 태그3 (테이블 요소)
<body> </body> body 태그안에 쓰이는 태그2 (목록요소 ul ol dl, li, dt, dd)
<body> </body> body 태그안에 쓰이는 태그1 (h1~6, address,hr, 텍스트요소)
body Element(노드) -지정자(id, class), 블록레벨, 인라인 Element Element  문서의 내용이 들어가는 부분  태그 다음에 위치하고 안에 들어가는 element와 을 제외한 모든 element를 포함함.  Attribute : background, text, link, vlink, alink,bgcolor  Element 지정자 : id 와 class attribute  id attribute • element에 유일한 이름을 부여함. • 하나의 문서에 동일한 이름의 id가 중복되지 않아야 함.  class attribute • element에 하나 이상의 class이름을 부여함. • 하나의 문서에 동일한 이름의 class가 존재해도 무관함.
<head> </head> head 태그 안에 쓰이는 태그들 (사용할 때마다 채워넣기) title, meta, style, script, link, Element  문서의 제목을 표기함.  브라우저의 제목 표시줄에 나오는 부분임 Element  문서의 작성자, 날짜, 키워드 등 브라우저의 본문에 나타나지 않는 문서에 대한 일반 정보를 나타낼 때 사용함.  Attribute : name, content, scheme, http-equiv  사용예 •  NAME 요소 Description(문서의 요약), Keywords(검색어 입력, 콤마로 분리), Author(제작자) 등 •  HTTP-EQUIV 요소 Expires(문서의 유효기간), Refresh(문서를 자동으로 업데이트), Content-Type(언어셋을 설정) 등
HTML 5 (웹표준) 1.DOCTYPE (html 문서 버전 선택) 2.head(출력은 되지 않지만 body안에서 갖추어야 할 것 설정) 3.body (화면에 출력되는 내용) : html 기준으로 문서를 작성 (DOCTYPE이 없으면 어떠한 기준도 없는 상태) : body를 위해 갖추어야할 설정 style, script, title, meta, link 키워드, 기타정보 브라우저환경→서버로 전달 (크롬과 같은 브라우저를 통해서 URL로 접속, 서버에 요청, 서버가 클라이언트(브라우저로 제공) → 화면 출력)
마크업 언어 (HTML, XML) HTML 은 마크업 language : 화면 출력이 목적 : 정해진 태그 (태그별 기능, 의미 정해져있다) h, p, div, span 등을 사용해야한다 XML 도 마크업 language 지만 : 2기종간 데이터 전달이 목적 : 태그명을 정해서 마음대로 의미부여할 수 있다 HTML 5 완벽한 HTML 표준, 웹 어플리케이션화 (플러그인 기술을 HTML 안에서 처리하는 기술이 필요했다?)