본문 바로가기

분류 전체보기

 (149)
viewport 예시 200px의 이미지를 content="width=1000px"일떄 width="500px" 뷰포트를 설정하면 다양한 크기의 스마트폰에서도 페이지의 너비나 화면 비율이 설정됩니다.
인접 형제 결합자 예시 안녕하세요 안녕히가세요 앞에서 지정한 요소의 바로 다음에 위치하는 형제 요소만 선택 하면 바로 적용이 됩니다. 그다음 .box + p + p 태그에도 적용이 됩니다. 조건은 같은 위치에서 같은 부모 안에서 적용시켜야 합니다.
max-witdth , max-height max-width 최대 너비이며 max-width보다 커지는 것을 방지합니다. max-height 최대 높이이며 max-height보다 커지는 것을 방지합니다. 예를 들어 이미지 크기를 정하지 않으면 부모의 요소를 벗어납니다. 하지만 max-width 설정하면 부모요소의 크기로 맞쳐진다는 것입니다. img { max-width: 100%; } 최대 크기를 부모 요소의 크기로 제한하는 것입니다. 가로 세로 비율에 맞게 크기가 줄어듭니다. www.codingfactory.net/10830 참고해서 글을 썻습니다. 감사합니다.
인접 형제 결합자 인접 형제 결합자(+)는 앞에서 지정한 요소의 바로 다음에 위치하는 형제 요소만 선택합니다. A + B 라고 할 경우, A 요소와 동위로 바로 인접하는 B 요소 선택. img + p { font-style: bold; } p태그는 폰트는 굵어 집니다. li:first-of-type + li { color: red; } 첫번째 li태그 바로 다음 위치한 One Two! Three Two!가 빨간색이 됩니다.
앵커<ANCHOR> 네이버 다른 문서로 이동할수 있는 링크 생성하고 href 즉 링크의 목적지가 되는 URL을 지정한다. target링크한 URL을 표시할 위치. 가능한 값은 브라우징 맥락으로, 즉 탭, 창, 의 이름이나 특정 키워드입니다. 다음 키워드는 특별한 뜻을 가지고 있습니다. _self: URL을 현재 브라우징 맥락에 표시합니다. 기본으로 설정되어 있음 즉 우리가 보고있던 화면 자체를 외부 페이지로 이동한다.위에 있는 네이버로 이동한 예가 아주 적절한 예입니다. _blank: URL을 새로운 브라우징 맥락에 표시합니다. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다. 내부링크를 할때 동해 물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려 강산 대한 사..
<b>,<i>,<u>,<s> 글자를 굵게 표현한다. 글자를 이탤릭체로 표현한다. 글자에 밑줄을 표현한다. 글자에 중간선을 표현한다. 이글은 네이버 부스트코스를 보고 만들었습니다.
<HEADING> 제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그입니다. 태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 ~까지 있습니다. 보통 은 해당 페이지를 대표하는 큰 제목으로 주로 사용되며, 숫자가 올라갈수록 조금 더 낮은 수준의 소제목을 나타내게 됩니다. 태그는 글의 단락을 나타낸다. 태그는 글의 줄바꿈을 생성한다. 이 글은 네이버 부스트코스를 보고 포스팅 하였습니다.
HTML 문서 구조 Hello, HTML 문서 타입 정의는 보통 DTD(doctype)라고 부릅니다. 이 문서가 어떤 버전으로 작성되었는지 브라우저에 알려주는 선언문이며 반드시 문서 내 최상단에 선언되어야 합니다. 이 문서는 html 5로 작성되었다 라고 선언이 되어 있습니다. lang 속성은 어떤언어를 사용되었는지 알수있는 태그입니다. ko한국어로 사용됩니다. 태그는 타이틀 태그나 링크태그나 스타일 태그가 들어갑니다. 문서의 기본정보 설정이나 내부의 스타일 시트 자바스크립트 연결을 합니다. charset은 문자의 인코딩 속성을 뜻합니다. HTML 문서의 제목이들어 갑니다. 브라우저 탭에 표시,접근성 ,검색엔진에 노출됩니다. 브라우저에 나타나는 태그입니다. 이글은 네이버 부스트코드를 보고 포스팅 하였습니다.

티스토리툴바