뇌운동일지

[HTML5] html 한글인코딩, tag, table 본문

HTML

[HTML5] html 한글인코딩, tag, table

purpleduck 2020. 4. 3. 16:38

hypertext markup language 

<!DOCTYPE html> <!-- 선언부 : html5 -->

html 태그로 시작하고 html 태그로 닫힌다. 

<시작> </닫힘> 

head 태그는 문서정보를 지정하고 

body 태그에는 화면 출력 내용이 나온다.  

-------------------------------------------------------------------------

UTF-8 VS EUC-KR : 둘은 서로 호환되지 않음 

EUC-KR : 영어 + 완성형 한글 ( 2바이트 ) 

완성형 한글이기 때문에 이미 만들어져있는 문자와 맞춤법이 아닐 시 오류 

UTF-8 : 영어 + 유니코드 한글 ( 1에서 3 바이트 가변 크기 ) 

 

지금은 다국어를 지원하는 UTF-8이 대세다. 

UTF는 다국어 지원 : 하나의 페이지에서 여러가지 언어가 나오는 경우에 활용 

윈도우 기본은 EUC-KR

------------------------------------------------------------------------------

<br> : single line break의 약자 

 

html언어는 클라이언트 스크립트이므로 서버가 없어도 웹브라우저만 가지고도 확인이 가능하다. 

태그가 대칭형으로 감싼다 

 

웹문서를 웹서버에 올릴 때에는 주로 FTP 프로그램을 이용

(로컬) ------------------------------> (웹서버)

예시_경로설정에 따라 달라질 수 있음 ) 

로컬 : C:\java_project\mywork_html

웹서버의 루트는 : C:\java_project\temp_web\www

 

1) ftp서버로 지정 

=========== html 태그 =============

&nbsp; 는 한칸 이상의 공란을 띄울때 사용 

  
 

  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">


  

meta 태그는 검색엔진이 검색을 한다. 
검색 순위 상위에 올라가려면 
메타 태그를 잘 작성해야 한다. 

./ 하위경로

../ 상위경로

두칸위로 올라갈때는 ../../

hyperlink : 문서를 타고 이동하는 것 

찾는 문서가 없을때는 404error

 

태그는 중첩사용이 가능

 

링크를 걸때는 반드시 하위나 상위로 이동이 가능하도록 설정해야 한다. 

막다른 곳에서 빠져나가지 못하면 안된다. 

 

테이블 태그가 중요한 이유는 데이터를 화면에 표시할 때 

위치를 잡아주는 디자인적인 역할을 하기 때문이다. 

물론 일반적인 수순 테이블(표)로써의 역할도 중요. 

width에 대한 제약이 강함. 

height는 늘어날 수 있다. 

 

상대적크기 : 30% 등등은 브라우저의 크기에 따라 바뀐다. 

절대적크기 : 550 등등은 브라우저의 크기에 영향을 받지 않는다. 

 

4*4 table일 때, 

width는 1,2,3,4에 주고 height는 1,5,9,13에 준다. 

 

태그의 속성에 값을 지정할 때는 기본은 "" ,

상황에 따라서 감싸지 않아도 되며, 심지어 ''(홑따옴표)도 작동

그런데 만약에 값에 공란이 포함되어 있으면 반드시 쌍따옴표나 홑따옴표로 감싸주어야 한다. 

 

정렬 좌우 : align - left, center, right

정렬 상하 : valign - top, middle, bottom

<center> </center> 를 사용해서 테이블을 가운데로 보낼 수 있다. 

 

테이블 태그에서는 table, td에 속성을 부여한다. 

tr과 td에 동시에 속성이 부여되면 td의 속성이 우선권을 갖는다. 

(원래는 tr에 속성을 부여할 수 없었음. ) 

'HTML' 카테고리의 다른 글

[ HTML ] 기본 UI 구현 연습  (0) 2020.08.03
[HTML5] 시맨틱 태그  (0) 2020.04.16
[HTML5] html5에서 지원되지 않는 속성  (0) 2020.04.08
[HTML5] 폼 관련 태그들  (0) 2020.04.08
[HTML5] stylesheet 기초  (0) 2020.04.07
'HTML' Related Articles more
Comments