태그11

HTML & CSS 참고 사이트 WHATWG (바로가기) Mozilla(MDN) (바로가기) W3schools (바로가기) W3c (바로가기) 2023. 2. 27.

HTML 태그에 인라인 스타일 적용하기 style="속성:값" ㆍHTML태그에 스타일 속성 적용하기 ... ㆍHTML태그에 스타일 속성 적용하기(다중) ... ㆍ속성 color: 글자색 ackground-color: 배경색 font-family: 글꼴,글꼴 ( serif-삐침 / sans-serif-안삐침 ) font-size: 글자크기 font-weight: 글자두께(100~900) width: 가로사이즈 height: 세로사이즈 padding: 안쪽여백 ( 전체 / 세로 가로 / 위 우 아래 좌 )margin: 바깥여백 ( 전체 / 세로 가로 / 위 우 아래 좌 / 0 auto ) ※ auto는 mirgin의 가로에서만 해당 2023. 2. 25.

HTML 링크 태그 <a> ~</a> HTML 링크 태그 ~ 문장에 링크를 연결 하기 위해서는 태그로 연결할 영역을 감싼뒤 href 속성을 통해 연결하면 된다. 한글입숨 한글입숨 >> 클릭하면 위 연결된 링크페이지로 이동 속성 href=" " 연결 될 링크의 대상을 나타냄 "링크주소" target=" " _self -기본값. 에서 문서를 엽니다. 클릭한 것과 동일한 창/탭 _blank - 새 창이나 탭에서 문서를 엽니다. _parent - 상위 프레임에서 문서를 엽니다. _top - 창의 전체 본문에서 문서를 엽니다. title=" " 마우스 오버시 요소에 대한 추가 설명 2023. 2. 23.

HTML 개행 태그 <br> HTML 개행 태그 은 별도의 닫는 태그가 없다. 개행하기를 원하는 지점에서 사용하면 된다. 인생에 그러므로 얼마나 맺어, 평화스러운 청춘의 것이다. 그들은 무한한 그것은 청춘 끓는 우리의 것이다 HTML 삽입 미리보기할 수 없는 소스 2023. 2. 22.

HTML 문단 태그 <p> ~ </p> HTML 문단 태그 ~ HTML의 문단을 나타내는 태그이다. 공백을 여러번 사용해도 한번만 인식, 개행시 개행 태그를 사용해야함 밝은 천고에 너의 얼마나 넣는 모래뿐일 그것은 있다. 있음으로써 실현에 만천하의 사람은 교향악이다. 인류의 불러 꾸며 만물은 이는 그들의 것이다. 피는 그것은 자신과 귀는 충분히 봄바람이다. 영원히 무엇을 옷을 인도하겠다는 것이다. 그들은 곧 봄바람을 우리 위하여 군영과 속잎나고, 청춘의 힘차게 봄바람이다. 천하를 거친 남는 주며, 인간이 찬미를 있다. 황금시대를 간에 이것을 우리 현저하게 그러므로 그러므로 피가 이것이다. 불어 있는 청춘 청춘을 실로 거친 살 있는 그들의 것이다. 긴지라 이상은 가치를 위하여, 위하여, 찬미를 따뜻한 충분히 들어 봄바람이다. 부패를 수 예가 끓.. 2023. 2. 22.

HTML 제목 태그 <hn> ~ </hn> HTML 제목 태그 ~ HTML의 제목태그는 h1~h6까지 있으며, 숫작 작을 수록 크기가 큰 제목이다. 첫번째로 큰 제목 두번째로 큰 제목 세번째로 큰 제목 네번째로 큰 제목 다섯번째로 큰 제목 여섯번째로 큰 제목 2023. 2. 22.

⑥ 웹사이트 만들기 HTML 문장_인용구 지난 시간에 문단태그인 와 태그에 대해서 알아보았다. 지난시간 문단이었다면 이번시간에는 문장에 대해서 배워야하지만 줄간격이나 왠만한 조정은 html보다는 css에서 스타일 조정을 많이하기 때문에 문장과 관련된 인용구에 대해서 알아보려고한다. 인용구를 나타내는 태그는 두가지가 있다. 태그와 이다. 두 태그 모두 인용구를 정의하는 태그이기는 하지만 태그에 적용되어있는 기본 스타일과 인라인 태그, 블록태그라는 점이다르다. 인라인태그와 블록태그란 무엇일까? 쉽게 설명하자면 요소가 차지하는 영역을 이야기한다. 블록태그란 블록영역을 차지하여 위에서 아래로 쌓이는 형식이라고 생각하면 되고 인라인 태그란 좌에서 우로 쌓여지는 태그라고 생각하면 된다. 머리아프다고생각이 든다면 일단은 아 블록태그가 있구나, 인라인 태그라.. 2021. 8. 2.

⑤ 웹사이트 만들기 HTML 문단 지난시간은 제목 ~ 태그에 대해서 알아보았다. 이번시간은 문단 태그에 대해서 알아보려고한다. 문단태그로 사용되는 태그는 태그와 태그가 있는데 먼저 태그는 paragraph의 약자로 문단을 정의하며, 기본으로 스타일이 적용되어있다. 스타일이 적용되어있다는게 무슨말이지? 하겠지만 나중에 CSS를 공부할때 알게 될것이기에 아 태그에는 스타일 패팅과 마진이 기본적으로 적용이 되어있구나까지만 생각하면 좋을것같다. 태그 : 문단을 정의 하는 태그로 태그안에서는 공백은 여러번 입력한다고 하더라도 브라우저에는 공백을 1번반 입력 한걸로 처리가 된다. 개행또한 태그를 통해 처리해야한다. 그렇다면 태그는 무엇일까? 사실 태그가 문단을 나타내는 태그이기는 하나 문단태그로는 잘사용되지않고 코드등을 작성할때 주로 사용하며 태그.. 2021. 7. 30.

④ 웹사이트 만들기 HTML 제목 저번시간까지해서 html의 기본과 주석넣는 방법에 대해서 이야기를 했다면 오늘 부터는 html태그에 대해서 이야기를 하려고한다. 그중 웹브라우저에 노출이 되는 body태그 영역 안에서 내가 태그를 활용해 짠 코딩이 어떻게 브라우저 상에 노출이 되는지 확인해보려고한다. 그중 첫번째가 되는 태그에 대해서 이야기를 하려고 한다. 이태그는 태그는 제목을 나타내는 태그이며, 첫번째라 이야기를 하는이유는 개인적으로 나는 웹페이지를 작성하는것을 웹문서 즉 글을 작성한다고생각한다. 글을 작성하는것이 어렵다면 책을 떠올리면된다. 목차- 제목 - 문단 - 문장 - 문자 이렇게 이루어져 있듯이 이순서를 참고해서 작성하면 쉽게 이해할수가있기때문이다. 이 제목태그는 heading의 H를 생각하면 되고, n은 숫자 1~6까지 들.. 2021. 7. 28.

③ 웹사이트 만들기 HTML 주석 지난시간 head와 body 태그의 영역에 대해서 간단히 이야기를 해보았다. 앞으로 html 태그 하나하나 알아볼텐데 그전에 주석이라는 것에 대해서 설명하려한다. " 주석이란? 낱말이나 문장의 뜻을 쉽게 풀이함. 또는 그런 글 " 다른 개발자들과 협업하거나 내가 무언가를 남기고싶을때 그냥 작성한다면 브라우저 노출이 될것이다. 그래서 사용할수있는 태그가 주석태그이다 주석태그는 이렇게 생겼으며 안에 내용을 적으면 된다 ◇ 오늘의 핵심 내용 정리 ◇ ① 주석태그는 이렇게 생겼으며 ② ▼▼ 지난 시간 다시보기 ▼▼ ① 웹사이트 만들기 HTML기본 ① 웹사이트 만들기 HTML기본 PC또는 모바일에서 이용하는 웹사이트를 만들기 위해서 기본적으로 알아야하는 언어는 두가지가있다. HTML과 CSS 이 두 언어를 알면 .. 2021. 7. 26.

② 웹사이트 만들기 HTML <head>와 <body> 지난시간 html문서작성의 기본이 되는 태그에 대해서 알아봤다. 오늘은 작성하는 영역에 대해서 알아보려한다. 우리가 PC또는 모바일을 통해 웹사이트에 접속을 하게되면 많은 정보들을 눈으로 확인할수있다. 하지만 포털사이트에 어떤 특정 단어를 검색하면 관련된 사이트가 노출이 되는데, 검색만으로 어떻게 이런것들이 가능할까? 웹문서에 입력된 정보들을 통해서 가능하다. 지난 시간 html웹문서 작성시 기본서식에대해 이야기하였는데 기억할것이다. 그문서중 태그안에 태그와 태그로 나누어진것을 확인하였다. 태그안에도 많은 태그들을 작성할수있고, 태그에도 많은 태그들을 작성할수있다. 그러나 다른점을 이야기해보면 영역은 주로 웹사이트의 정보들을 담고있어 웹브라우저상에는 대부분 노출이 되지않으며, 영역은 브라우저상에 노출 되.. 2021. 7. 23.

이전 1 다음

티스토리툴바