본문 바로가기

w3스쿨스 html5

w3스쿨즈 HTML(9) - head 태그는 다음 태그들을 감싸는 container이다. ,,,,, 태그는 메타데이터를 위한 태그이다. (메타 데이터는 문서에 표시되지 않습니다.) 메타 데이터는 일반적으로 문서 제목, 문자 세트, 스타일, 스크립트 및 기타 메타 정보를 정의합니다. title 태그 요소는 문서의 제목을 정의하며 모든 HTML 문서에 필요합니다. 브라우저 탭에서 제목을 정의합니다. 즐겨 찾기에 추가 될 때 페이지 제목을 제공합니다. 검색 엔진 결과에 페이지 제목을 표시합니다. link 태그 요소는 external 스타일 시트에 연결하는 데 사용됩니다. meta 태그 요소는 사용되는 문자설정, 페이지 설명, 키워드, 작성자, 기타 메타 데이터를 지정하는 데 사용됩니다. 메타 데이터는 브라우저 (컨텐츠 표시 방법), 검색 엔진 (.. 2022. 3. 31.
w3스쿨즈 HTML(7) - class, id Class 기본 사용법은 설명이나 예제가 필요없이 보고도 이해 가능한거라 활용법을 소개합니다. ※note : class 속성은 모든 HTML 태그에서 사용할 수 있다. ※note : class 는 대소문자를 구분한다. 인라인 요소에서 클래스 속성 사용 span.note { font-size: 120%; color: red; } My Important Heading This is some important text. 특정 클래스를 가진 요소 선택 CSS에서 특정 클래스를 가진 요소를 선택하려면 마침표 (.) 문자와 클래스 이름을 작성하세요. 멀티 클래스(한번에 2개 이상의 클래스 쓰기) HTML 요소는 둘 이상의 클래스 이름을 가질 수 있으며 각 클래스 이름은 공백으로 구분해야합니다. London // ... 2022. 3. 29.
w3스쿨즈 HTML(7) - block, inline 모든 HTML 태그에는 태그 유형에 따라 기본 표시 값이 있습니다. 기본 표시값은 block 과 inline입니다. 블록 블록은 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 차지한다. (가능한한 왼쪽과 오른쪽으로 뻗는다.) 대표적으로 가 있다 는 주로 다른 HTML을 감싸는 container로 사용된다. 태그는 필수 속성은 없지만 주로 style, class, id 속성이 쓰인다. 는 CSS와 함께 사용하면 요소를 사용하여 콘텐츠 블록 스타일을 지정할 수 있다. 인라인 인라인 요소는 새 줄에서 시작되지 않으며 필요한만큼만 폭을 차지한다. 대표적으로 이 있다. 은 주로 some text의 container로 사용된다. 태그는 필구 속성은 없지만 주로 style, class, id 속성이 쓰인다. 는 .. 2022. 3. 29.
w3스쿨즈 HTML(5) - 이미지[image] 이미지 image 크기조절의 기본단위는 px image 태그는 닫히는 구문이 없습니다. alt속성은 이미지를 볼 수 없는 경우 대체 텍스트를 제공합니다. (화면판독기를 사용하는경우) 이미지링크의 경우 서버에 있는 이미지를 이용하거나 문서파일을 이용할 수 있습니다. HTML은 GIF(애니메이션)파일을 허용합니다. 이미지에 링크을 걸 수 있습니다. alt속성은 반드시 정의해주어야합니다. 그렇지 않으면 웹페이지의 유효성이 올바르게 검사되지않습니다. 항상 이미지의 너비와 높이를 지정하십시오. 너비와 높이를 지정하지 않으면 이미지가로드되는 동안 페이지가 깜박일 수 있습니다. 일반적으로 style속성을 이용해 너비와 높이를 지정해주는 것이 좋습니다. 왜냐햐면 스타일 시트가 이미지의 크기를 변경하지 못하도록 예방합니.. 2022. 3. 24.
w3스쿨즈 HTML(4) - CSS 1. CSS를 입히는 세 가지 방법 inline HTML 앨리먼트에 스타일 속성 사용 (단일 앨리먼트 적용) ※스타일시트의 많은 이점을 잃습니다. 가급적 사용을 하지말아야 한다. This is a Blue Heading Internal 태그 안에서 앨리먼트 사용 (단일 HTML 페이지 적용) 하나의 단일 HTML 페이지에 고유 한 스타일이있는 경우 내부 스타일 시트를 사용할 수 있다. external 외부 CSS 파일을 사용 (여러개의 HTML 페이지에 적용) 외부 스타일 시트를 사용하면 하나의 파일을 변경하여 전체 웹 사이트의 모양을 변경할 수 있다. 가장 일반적인 방법은 external 방식이다. 외부 스타일 시트는 전체 URL 또는 현재 웹 페이지에 상대적인 경로를 사용하여 참조 할 수 있다. 절대.. 2022. 3. 24.

티스토리툴바