본문 바로가기

HTML36

html 기본 문서 만들기 3 - title 속성으로 툴팁 달기 html 기본 문서 만들기 3 - title 속성으로 툴팁 달기 네 안녕하세요, 이번 포스팅에서는 툴팁을 다는 것을 한 번 해보도록 하겠습니다. 툴팁은 아주 중요한 요소들은 아니지만, 여러분이 만드는 웹사이트가 백과사전 관련이나, 무언가를 설명해야 하는 사이트라면 반드시 필요한 요소가 됩니다. 그래서 뺄 수는 없는 요소라서 알려드리고자 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 툴팁 달기 : title 속성 이용 툴팁은 쉽게 말해서 설명문입니다. 우리가 마우스 커서를 특정 글이나 사진 등에 올렸을 때 작은 창이 하나 뜨면서 어떤 문구가 적혀있는 걸 본 적이 있죠? 그게 바로 툴팁입니다. 주로 나무위키 같은 백과사전처럼 설명을 하는 사이트들에 많이 있습니다. 그리고 이 툴팁은 title 속성을 이.. 2023. 2. 28.
html 기본 문서 만들기 2 - h 태그로 문단의 제목(장, 절, 소제목, etc...) 달기 html 기본 문서 만들기 2 - h 태그로 문단의 제목(장, 절, 소제목, etc...) 달기 네 안녕하세요, 이번 포스팅에서는 페이지 내에 뜨는 화면에 제목을 붙이는 방법을 알아보도록 하겠습니다. 전체 페이지의 기본 폰트를 조절해서 구분감을 주는 요소입니다. 그럼 시작하도록 하겠습니다. 1. 문단의 제목(장, 절, 소제목 등) 달기 : h1 ~ h6 태그 이용 이번에는 문단의 제목을 다는 방법에 대하여 볼 겁니다. 우리가 일반적으로 문서 등을 작성하게 되면 장이나 절마다 소제목을 붙여서 표시를 하죠? html 태그에서는 이 소제목을 사이즈에 따라서 체계회 할 수 있게 하는 태그를 지원을 해줍니다. 바로 태그를 이용을 하는데, 그냥 만 쓰는 게 아니라 과 같이 숫자를 써서 나타냅니다. 이렇게 까지 만들.. 2023. 2. 28.
html 기본 문서 만들기 1 - title 태그로 페이지 타이틀 만들기 html 기본 문서 만들기 1 - title 태그로 페이지 타이틀 만들기 네 안녕하세요, 이번 포스팅에서는 html 기본 문서 만들기 첫 번째, 바로 페이지의 제목을 짓는 방법에 대하여 알아보도록 하겠습니다. 페이지의 제목은 우리가 어떤 페이지를 들어갔는지 알아보도록 해주는 기능을 하기 때문에 꼭 있어야 합니다. 그럼 바로 시작해보도록 하겠습니다. 1. html 타이틀 달기 : title 태그 이용 html에 보면 제목이 있죠? 이 제목도 그냥 써서 붙이는 것이 아닙니다. 바로 title 이라는 태그를 이용을 해서 붙입니다. 이걸 이용을 하면 브라우저를 띄웠을 때 보이는 탭에 제목이 적혀 있는 것을 볼 수 있습니다. 그래서 우리가 어떤 페이지를 들어갔는지 한 번에 알 수가 있습니다. 그럼 그와 관련된 간.. 2023. 2. 28.
html의 기본 개념 알아보기 html의 기본 알아보기 네 안녕하세요 여러분, 이번 포스팅에서는 HTML에 페이지를 어떻게 만드는지에 대하여 알아보는 시간을 가져보려고 해요. HTMl이란 우리가 흔히 말하는 '웹 문서'를 작성할 때 쓰는 프로그래밍 언어예요. 보통 HTML은 '태그'라는 것을 이용하여 여러 가지 커멘드를 만들어 작성을 한답니다. 그리고 HTML의 특성은 우리가 무언가를 입력하면 바로 웹 페이지에서 보이기 때문에 매우 매우 직관적이고, 그렇게 시각적 효과가 뛰어나기 때문에 코딩을 처음 접하시는 분들이 재미를 빨리 느끼실 수 있기 때문에 개인적으로 HTML을 첫 언어로 배우시는 것을 추천드리는 편이에요. 그럼 지금부터 하나하나 알아보도록 할까요?? 1.HTML 페이지의 기본 HTML은 다른 모든 프로그래밍 언어들과 같이 .. 2023. 2. 28.