본문 바로가기

ROOM

 (70)
문단 구성에 유용한 HTML 코드 정리 * 본 포스팅은 간단한 웹문서 제작을 위한 HTML 정보글입니다. 1. 간단한 웹문서 제작을 위한 HTML의 기본 개인 홈페이지 제작의 필요성 정보화 시대, 빠르게 변화하는 사회 등등 어렸을 때부터 우리가 많이 듣던 이야기입니다. 그로부터 벌써 10년, 20년도 더 지난 현재 사회는 정말 빠르게 많은 직업 hooks.tistory.com 0. 문단 구성에 유용한 HTML 코드 지금까지 간단한 웹문서 제작에 필요한 HTML에 대해 배워보았습니다. 이번에는 제목과 웹페이지 내에서 문단을 구성하는데 유용한 코드에 대해서 배워보겠습니다. 배울 코드는 다음과 같이 총 3가지입니다. 먼저, 문단의 제목을 나타내는 h1 ~ h7 코드 그리고 문단을 구성하는 p 코드 마지막으로 문단이나 제목을 구분하기 위한 hr 코드..
[영화 리뷰] 서유쌍기: 월광보합 & 선리기연 1. 월광보합과 선리기연 * 이 포스터는 주성치 주연의 영화 월광보합과 선리기연 시리즈로 (주)극동스크린에서 수입한 영화입니다. 월광보합과 선리기연 시리즈는 서유기에서 손오공이 삼장법사가 서역으로 불경을 얻으러 가기 전에 있었던 인연에 대한 내용입니다. 본편의 소설 '서유기'와 다르게 내용을 각색한 것이지만, 불교에서의 연에 대한 내용을 담고 있고, 개인적으로 해석한 내용을 공유하고 싶어 이렇게 두 영화에 대한 리뷰를 작성하게 되었습니다. 이 영화는 1995년도에 개봉한 영화이기 때문에 화질이나, 코미디 요소 또는 캐릭터의 연출이 간혹 부담스러울 수 있습니다. 하지만, 그 내용을 이해하고 음미한다면, 크나큰 여운이 있기에 추천하는 바입니다. 2. 약간의 스포를 포함한 줄거리 손오공의 죄를 벌하는 관세음보..
CSS 웹문서의 스타일 지정하기 * 본 포스팅은 스타일 시트의 기본을 위한 CSS 정보글입니다. 2. 스타일 시트의 기본을 위한 CSS 정보글 문서 내용을 자유롭게 표현 "간단한 웹문서 제작을 위한 HTML의 기본" 글을 통해서 HTML을 통해서 문단을 구성하고, 글씨체를 바꾸고, 이미지를 첨부하거나 여백을 설정하는 등 간단한 웹문서를 hooks.tistory.com 1. 웹문서의 스타일을 지정하는 코드? 지난 포스팅에서 간단한 웹문서와 이미지를 삽입하는 코드를 배워보았습니다. 하지만 쉽게 제작된 만큼 글자들의 위치가 왼쪽으로 정렬되어있고, 글자 크기, 폰트 등 다채롭지가 못합니다. 이번에는 간단한 웹문서의 스타일을 지정함으로써 깔끔하게 페이지가 기본적으로 여백을 갖고, 글자의 크기와 폰트를 변경하는 그런 스타일 코드에 대해서 배워보겠..
HTML 이미지 삽입코드와 사이즈 변경 * 본 포스팅은 간단한 웹문서 제작을 위한 HTML 정보글입니다. 1. 간단한 웹문서 제작을 위한 HTML의 기본 개인 홈페이지 제작의 필요성 정보화 시대, 빠르게 변화하는 사회 등등 어렸을 때부터 우리가 많이 듣던 이야기입니다. 그로부터 벌써 10년, 20년도 더 지난 현재 사회는 정말 빠르게 많은 직업 hooks.tistory.com 1. 이미지 준비하기 웹 홈페이지에 올릴 이미지를 먼저 준비합니다. png, jpeg, jpg 등 다양한 이미지 파일을 올릴 수 있습니다. 저는 블로그 로고 이미지를 올리도록 하겠습니다. 2. 이미지 삽입 코드 웹 코드의 ~ 사이에 이미지 삽입 코드를 다음과 같이 넣습니다. 메모장으로 제작한다면 같은 폴더 내에 이미지 파일이 있어야 합니다. 코드에 대해 부연 설명해보자면..
간단한 웹문서 작성하고 브라우저로 열기 * 본 포스팅은 간단한 웹문서 제작을 위한 HTML 정보글입니다. 1. 간단한 웹문서 제작을 위한 HTML의 기본 개인 홈페이지 제작의 필요성 정보화 시대, 빠르게 변화하는 사회 등등 어렸을 때부터 우리가 많이 듣던 이야기입니다. 그로부터 벌써 10년, 20년도 더 지난 현재 사회는 정말 빠르게 많은 직업 hooks.tistory.com 1. 메모장 준비하기 지난 포스팅에서는 홈페이지 제작을 위한 기본정보에 대해서 알아보았습니다. 그렇다면 웹문서는 어떻게 만들 수 있을까요? 먼저, 윈도즈에 기본적으로 깔려있는 메모장을 꺼내봅시다. 2. 웹문서 작성하기 HTML은 마크업 언어이기 때문에, 문단, 바디, 소제목, 기타 등등 의 기능을 제공하는 언어를 꺽쇠 로 표현합니다. 예를 들면, , 로 시작을 나타내고 ..
홈페이지 제작을 위한 기본정보 * 본 포스팅은 간단한 웹문서 제작을 위한 HTML 정보글입니다. 1. 간단한 웹문서 제작을 위한 HTML의 기본 개인 홈페이지 제작의 필요성 정보화 시대, 빠르게 변화하는 사회 등등 어렸을 때부터 우리가 많이 듣던 이야기입니다. 그로부터 벌써 10년, 20년도 더 지난 현재 사회는 정말 빠르게 많은 직업 hooks.tistory.com 1. HTML과 CSS에 대하여... 웹페이지 제작에 주로 쓰이는 언어가 HTML (HyperText Markup Language)입니다. 이 HTML은 프로그래밍 언어가 아니지만, 구조적 웹문서를 만드는데 이 HTML 코드가 용이하여 보편적으로 널리 쓰이고 있습니다. HTML 언어가 웹페이지 제작에 용이하다면, CSS (Cascading Style sheets)는 이미..

티스토리툴바