CSS (4) 썸네일형 리스트형 CSS _ 레이아웃 설정하기 * 본 포스팅은 스타일 시트의 기본을 위한 CSS 정보글입니다. 2. 스타일 시트의 기본을 위한 CSS 정보글 문서 내용을 자유롭게 표현 "간단한 웹문서 제작을 위한 HTML의 기본" 글을 통해서 HTML을 통해서 문단을 구성하고, 글씨체를 바꾸고, 이미지를 첨부하거나 여백을 설정하는 등 간단한 웹문서를 hooks.tistory.com HTML에서 배운 여러 가지 코드들, 예를 들어 , , , 등등 여러 가지 모든 코드들은 하나의 요소로 작용하여, 웹문서에 적용됩니다. 이러한 요소들을 웹페이지의 문서에 여백을 설정하는 방식으로 레이아웃을 설계할 수 있습니다. 이를 한번 배워보도록 합시다. 1. 여백 설정 코드, margin 요소들의 여백을 설정하는 코드는 margin입니다. 예를 들어 다음과 같이 홈페이.. [HTML] 서식 관련 코드 정리 1. 글자 강조 글자 강조 코드를 배우기 전에, 다음과 같이 문단제목과 문단내용을 구성해봅시다. 어딘가 이상한 노래가사 사과는 길어, 길으면 기차, 기차는 빨라, 빨르면 비행기 글자를 진하게 강조하는 코드 HTML에서 문자를 진하게, 일명 볼드체라고도 불리는 강조 코드는 다음과 같이 두 개가 있습니다. A. ... B. ... 두 코드의 차이를 비교하기 위해 문단 내용 중 사과와 비행기를 다음과 같이 강조해봅시다. 어딘가 이상한 노래가사 사과 는 길어, 길으면 기차, 기차는 빨라, 빨르면 비행기 기울임 꼴 , Italic체 만들기 HTML에서 글자를 강조하기위해서 문자를 기울이는 꼴로 변경하는 것이 가능합니다. 코드는 다음과 같이 두 코드가 있습니다. A. ... B. ... 두 기울임 꼴 코드의 차이를.. CSS 웹문서의 스타일 지정하기 * 본 포스팅은 스타일 시트의 기본을 위한 CSS 정보글입니다. 2. 스타일 시트의 기본을 위한 CSS 정보글 문서 내용을 자유롭게 표현 "간단한 웹문서 제작을 위한 HTML의 기본" 글을 통해서 HTML을 통해서 문단을 구성하고, 글씨체를 바꾸고, 이미지를 첨부하거나 여백을 설정하는 등 간단한 웹문서를 hooks.tistory.com 1. 웹문서의 스타일을 지정하는 코드? 지난 포스팅에서 간단한 웹문서와 이미지를 삽입하는 코드를 배워보았습니다. 하지만 쉽게 제작된 만큼 글자들의 위치가 왼쪽으로 정렬되어있고, 글자 크기, 폰트 등 다채롭지가 못합니다. 이번에는 간단한 웹문서의 스타일을 지정함으로써 깔끔하게 페이지가 기본적으로 여백을 갖고, 글자의 크기와 폰트를 변경하는 그런 스타일 코드에 대해서 배워보겠.. 홈페이지 제작을 위한 기본정보 * 본 포스팅은 간단한 웹문서 제작을 위한 HTML 정보글입니다. 1. 간단한 웹문서 제작을 위한 HTML의 기본 개인 홈페이지 제작의 필요성 정보화 시대, 빠르게 변화하는 사회 등등 어렸을 때부터 우리가 많이 듣던 이야기입니다. 그로부터 벌써 10년, 20년도 더 지난 현재 사회는 정말 빠르게 많은 직업 hooks.tistory.com 1. HTML과 CSS에 대하여... 웹페이지 제작에 주로 쓰이는 언어가 HTML (HyperText Markup Language)입니다. 이 HTML은 프로그래밍 언어가 아니지만, 구조적 웹문서를 만드는데 이 HTML 코드가 용이하여 보편적으로 널리 쓰이고 있습니다. HTML 언어가 웹페이지 제작에 용이하다면, CSS (Cascading Style sheets)는 이미.. 이전 1 다음
