IT업계 종사자의 블로그

[Project H4C] 4. HTML 공간 분할 HTML 의 모든 요소는 display속성(웹 브라우저에 어떻게 보이는가를 결정)을 가진다. display 속성에는 블록(block)과 인라인(inline)이 있다. 블록(block) display 속성값이 블록인 속성들은 언제나 새로운 라인에서 시작한다. 해당 라인의 모든 너비를 차지한다. e.g.) p요소는 display 속성값이 블록이다 display 속성값이 블록(block)인 요소 : , , , , , 다른 HTML 요소들을 하나로 묶는 데 자주 쓴다. 주로 다른 요소들의 스타일을 한 번에 적용하기 위해 사용한다. e.g.) div요소 이렇게 div요소로 여러 요소들을 묶은 다음에 style 속성과 클래스 등을 이용하여 한 번에 스타일을 적용할 ..

[Project H4C] 3. HTML 기본 요소 스타일 style 속성을 이용한 방법은 단 하나의 HTML 요소에만 적용된다. e.g.) text 텍스트 text 텍스트 text 텍스트 text 텍스트 여러가지 스타일 설정 e.g.) 속성값 사이에 세미콜론(;)을 넣어 구분한다. CSS 속성을 하나만 사용할 때, 여러개의 CSS 속성 중 마지막 속성은 세이콜론을 생략할 수 있다. 색상 1. W3C에서 정의한 HTML4 표준 색상 이름 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow (e.g. 청록색 ) 2. RGB 색상값: Red, Green, Blue (e..

[Project H4C] 2. HTML 텍스트 요소 제목 HTML에서 제목은 ... ~ ... 태그로 표현할 수 있다. 태그는 많은 검색엔진에서 키워드로 수집되는 태그이다. HTML 문서의 제목에는 , 태그를 사용하지 않는다. 종료 태그 반드시 쓰기! 단락 HTML에서 단락은 로 나타낸다. 텍스트를 다음 줄에 나타내고 싶으면 태그(break line)를 사용한다. ( 태그는 종료태그가 없는 빈 태그다) 코딩으로 작성한 문장표현(줄바꾸기, 띄어쓰기 등)을 그대로 브라우저에 나타내고 싶으면태그를 쓴다. 수평 가로 구분선을 넣을때는 태그를 사용한다. 서식 글자 진하게: , (은 내용이 중요하다는 뜻도 포함됨) 이탤릭체: , (은 내용이 중요하다는 뜻도 포함됨) 하이라이팅: 중간 가로줄: 밑줄: 위첨자: 아래첨..

[Project H4C] 1. HTML 시작 HTML이란? HTML은 Hyper Text Markup Language의 약자로, 웹페이지를 만들고 구성하는 언어이다. HTML 표현 방법 HTML은 태그 이름의 처음과 끝을 꺾쇠 괄호를 감싼다 (e.g. , , ) 종료 태그가 없는 HTML 태그도 있는데 빈 태그라고 한다.(e.g. , , ) 현재는 2014년에 발매한 HTML 5가 최신 버전이다 (2020년 7월기준) HTML의 기본 구조 : 현재 HTML5 버전인것을 의미한다. : 문서의 root요소를 정의한다. 안에 들어갈 수 있다. : HTML문서의 제목역할을 하며 웹브라우저의 툴바, 웹브라우저의 즐겨찾기 제목, 검색엔진의 결과 페이지에 뜨는 내용이다. : HTML문서의 몸통 부분이며 웹브라우저에 ..