●html과 css
css란 html요소들이 어떻게 보여질지를 정의하는 언어.
html에 css를 적용하는 방법은 3가지가 있다. 인라인/내부/외부
|
인라인 스타일 |
html 태그 안에 적용 |
<p style="color:gold;"> |
|
내부 스타일 시트 |
html 문서 내에 적용 |
<style> p{ color: gold; } |
|
외부 스타일 시트 |
css파일에 적고 html문서에 연결하는 방법. |
<link rel="stylesheet" href="css/css.css"> |
-중복시 적용 순위.
인라인 > 내부>외부> 웹 브라우저 기본 스타일
내부/외부 시트 안에 선언 된 것들 중에서는 마지막에 선언된걸로 적용.
-css 선택자
|
#id |
특정 아이디. 한개 |
|
.class |
해당 요소들. 여러개 |
●html과 자바스크립트
-자바스크립트는 객체 기반의 스크립트 언어.
-html로 내용을 작성하고 css로 디자인을 한다면 자바스크립트로는 동작을 구현한다.
-웹페이지에 사용할 스크립트를 정의할때, 적을때 사용한다. css와 마찬가지로 내부, 외부 스크립트를 적용 시킬 수 있다.
●html과 xhtml
-두 가지는 거의 비슷하지만 xhtml이 좀 더 엄격함.
-x= Extensible
-html이 좀 유연한 언어라서 명확히 하기 위해 탄생했음. 예를들면 html은 <hr>태그처럼 종료태그 없어도 되는것들이 있는데 xhtml은 꼭 종료태그로 적어줘야 한다. </hr>이런식으루. html에서는 해도 되고 안해도 되고!
-xhtml 문서는 하나의 xml문서로서 데이터를 저장하고 전달할 목적으로 만들어졌음.
xhtml은 여기까지만 요약.
●HTML5 개요
-웹 페이지를 보여주는 언어 표준.
-이 글을 쓰는 현재 5.2가 나옴.
-html5가 유연하다는 말이 있는데 그건 다른 언어들에비해 선언이나 대소문자 구분 등에 제약이 없어서 나오는 말들 인듯. 처음 접하는 사람들은 그렇게 느끼지 않을 수도 있는데 다른 언어를 살짝이 보다 보면 이해가 된다.
●문서의 기본 구조
-".html" 확장자여도 문서를 시작하면서 이게 html문서야 라는 선언을 해줘야 한다. 옛날엔 복잡하고 길었지만 html5부터 간단해졌다.
<!DOCTYPE html>
-문자셋도 선언을 해줘야 한다. 영어로 만들어진 언어이기 때문에 한글패치는 없다. 그래서 영어를 0,1로 표현하는데 한글까지 해야하지 않겠는가?? 그걸 해주는게 utf-8이다.
<meta charset="UTF-8">
●HTML5에서 추가된 요소 및 타입
의미요소
<header>, <nav>, <main>, <section>, <aside>, <article>, <footer>, <figure>
멀티미디어 요소
<video>, <audio>
그래픽 요소
<canvas>, <svg>
input요소의 type
<number>, <date>, <time>, <calender>, <range>
●HTML5에서 삭제된 요소
<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike>,<tt>
삭제된것과 추가된것은 대충 이렇다라고 적고 나머지는 다음에 자세히 설명할것.
'작업 > 웹디자인' 카테고리의 다른 글
| : hover 간단한 리스트 만들기 (0) | 2018.11.13 |
|---|---|
| 개인, 상업 무료 폰트 | 마틸다 Mattilda (0) | 2018.08.23 |
| HTML 한바퀴 ⑤form,input (0) | 2018.08.08 |
| HTML 한바퀴 ④레이아웃 (0) | 2018.08.07 |
| HTML 한바퀴 ③display,iframe (0) | 2018.08.03 |
