본문 바로가기

분류 전체보기226

[6] CSS 속성과 수치 값 표현 방법 CSS 속성 수치 값 표현 방법 2024. 11. 18.
[5] CSS 란? CSS(Cascading Style Sheets) css는 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. 스타일, 레이아웃 등웹 사이트에서 화면에 표시되는 정보들을 꾸며주는 역할HTML은 문장의 구조를 만들고 CSS는 문장을 브라우저에 어떻게 보여줄지를 지정하는 언어 CSS를 사용하는 방법은?1. 인라인 스타일: HTML 안에서 style 속성을 이용하는 방법  2. 내부 스타일 시트: 태그를 통해 HTML 문서 내부에서 이용하는 방법 3. 외부 스타일 시트: 별도로 CSS 파일을 분리하여 HTML의 문서에 연결하는 방법 스타일 적용의 우선순위1. 인라인 스타일2. 내부 스타일 시트   외부 스타일 시트3. 웹 브라우저 기본 스타일-> 이러한 스타일 적용 방법이 혼합되어 사용될 경우, 내부나 외.. 2024. 11. 18.
[1] HTML 개념 및 구성요소 HTML이란?하이퍼 텍스트 마크업 언어는 웹 페이지 표시를 위해 개발된 마크업 언어다.웹을 이루는 가장 기초적인 구성 요소웹 페이지를 만들기 위한 표준 마크업 언어 HTML 구성요소→ 요소, 태그, 속성width:20px부분이 속성값이다. 1. 태그 2. 요소블록 요소는 두 번 나란히 쓰면텍스트텍스트텍스트텍스트(위와 같은 결과가 나타남)인라인 요소는 두 번 나란히 쓰면텍스트텍스트텍스트텍스트(위와 같은 결과가 나타남)p요소는 블록 요소 / span 요소는 인라인 요소p요소는 너비가 지정됨. span요소는 지정이 안된 모습  3. 속성 index.htmlindex.html 페이지는 방문자가 사이트를 요청할 때 다른 페이지가 지정되지 않은 경우 웹 사이트에 표시된 기본 페이지에 사용되는 가장 일반적인 이름입니.. 2024. 11. 18.
[4] HTML 기본 태그와 역할 HeadingHeading태그는 ~ 이며 주로 웹 페이지에 표시하려는 제목으로 사용된다.은 하나의 페이지에서 제일 큰 주제를 위해 한번만 써주는게 좋다. Paragraphs단락 태그()는 문단을 정의할 때 사용된다. Preformatted Text 태그는 미리 정의된 형식의 텍스트를 정의할 때 사용요소 내의 텍스트는 시스템에서 미리 지정된 고정폭 글꼴을 사용하여 표현텍스트에 사용된 여백과 줄 바꿈이 모두 그대로 브라우저 화면에 나타남이러한 요소를 사용하면, 독특한 서식의 텍스트나 컴퓨터 코드 등을 HTML 문서에 그대로 표현할 수 있음 List(목록)목록 태그는 HTML 문서에서 목록을 나타내는 태그이며 크게 3가지로 나눠짐순서가 있는 목록(Ordered List=ol), 순서가 없는 목록(Unorde.. 2024. 11. 18.
[3] HTML 문서 기본 구조 Doctype은 HTML 문서 맨 처음에 명시해서 이 문서의 버전을 나타낸다.이 Doctype은 반드시 작성해줘야 하며, 현재 은 HTML5 버전임을 나타낸다. 이 문서가 html로 작성됐음을 브라우저에게 알린다.문서의 시작과 끝을 알리는 태그이다.lang속성으로 문서의 언어를 설정할 수 있다. 메타 데이터와 타이틀을 넣어주는 곳메타 데이터는 웹 페이지에서 직접적으로 보이지는 않지만 페이지 인코딩 방식이나 검색엔진에 관한 정보등 많은 설정을 할 수 있다.타이틀은 브라우저 창 제목에 나타난다. 주로 브라우저 화면에 보이는 것이 들어감HTML 문서의 이미지, 리스트, 비디오 등과 같은 모든 콘텐츠를 나타내는데 사용된다.HTML문서에서 단 하나의 만이 존재한다.정리 2024. 11. 18.
[2] 시맨틱 요소(Semantic Elements)에 대해서 시맨틱 요소란?1. semantic 뜻: 의미론의, 어의의, 의미의: 의미가 있는 요소를 말하며 브라우저와 개발자 모두에게 의미를 명확하게 설명한다.Non-Sementic 요소의 예- 및 은 내용에 대해 아무 것도 알려주지 않음- 이 태그들의 이름만 보고는 어떤 내용인지 유추할 수 없다.Semanitc 요소의 예- , 및 은 내용을 명확하게 정의한다.  요소는 주로 제목과 소개 내용을 포함한다.요소에는 일반적으로 다음이 포함된다.하나 이상의 제목 요소 (h1 ~ h6)로고 또는 아이콘저작권 정보작성자 이름  요소는 문서의 섹션을 정의한다.W3C의 HTML 문서에 따르면"섹션은 일반적으로 제목이 있는 주제별 콘텐츠 그룹이다"요소를 사용할 수 있는 위치의 예:장소개뉴스 항목연락처 정보 - 주로 목차, 메.. 2024. 11. 18.

티스토리툴바