본문 바로가기

html4

HTML 기본적인 구조와 요소 HTML을 처음 공부할 때는 기본적인 구조와 요소부터 시작하는 것이 좋습니다.HTML은 웹 페이지의 뼈대를 구성하는 언어이기 때문에, 기본 개념을 확실히 이해하는 것이 중요합니다.다음은 HTML을 처음 공부할 때 알아야 할 주요 내용입니다:1. HTML의 기본 구조HTML 문서는 , , 안녕하세요, HTML! 이것은 첫 번째 HTML 문서입니다. 2. HTML 문서의 기본 요소문서 타입 선언 (): HTML5 문서임을 선언합니다.루트 요소 (): HTML 문서의 최상위 요소입니다.문서 메타데이터 (): 문서의 제목, 문자 인코딩, 링크된 CSS 파일 등 문서의 메타데이터를 포함합니다.본문 (): 실제로 사용자에게 보여질 콘텐츠를 포함합니다.3. 기본 텍스트 요소헤더 (, , , , , .. 2024. 8. 18.
CSS 기본 선택자 알아보기 CSS(캐스케이딩 스타일 시트)의 기본 선택자는 HTML 문서에서 스타일을 적용할 요소를 선택하는 방법을 제공합니다. 여기에는 여러 가지 기본 선택자가 있으며, 각각의 선택자는 다양한 HTML 요소를 선택하고 스타일을 적용하는 데 사용됩니다. 주요 기본 선택자는 다음과 같습니다:요소 선택자 (Element Selector)HTML 요소의 이름을 직접 사용하여 해당 요소를 선택합니다.예: p { color: blue; }이 선택자는 모든 요소의 글자 색상을 파란색으로 설정합니다.클래스 선택자 (Class Selector)클래스 속성 값을 기반으로 요소를 선택합니다. 클래스 선택자는 점(.)으로 시작합니다.예: .my-class { font-size: 16px; }이 선택자는 class="my-class".. 2024. 8. 18.
스타일 시트란 ? 스타일 시트 알아보기웹 문서 안에서는 스타일 규칙을 여러 개 사용합니다.이런 스타일 규칙을 한 눈에 확인하고 필요할 때마다 수정하기도 쉽도록 한 군데 묶어 놓은 것을 스타일 시트라고 합니다.스타일 시트는 크게 웹 브라우저에 기본으로 만들어져 있는 브라우저 기본 스타일과사이트 제작자가 만드는 사용자 스타일로 나눌 수 있습니다. 사용자 스타일은 다시 인라인 스타일과 내부 스타일 시트, 외부 스타일 시트로 나뉩니다. 브라우저 기본 스타일CSS를 사용하지 않은 웹 문서라 하더라도 웹 브라우저에 표시할 때는 기본 스타일을 사용하는데,이것을 브라우저 기본 스타일이라고 합니다. 간단한 스타일 정보를 적용하는 인라인 스타일간단한 스타일 정보라면 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시합니다.이런 .. 2024. 8. 10.
스타일이란 ? 스타일 형식 알아보기CSS소스에서 한 줄이 하나의 스타일에 해당하고, 조금 더 들여다보면 줄마다 형태가 비슷하다는 걸 알게될 것입니다.CSS스타일의 형식은 다음과 같습니다.기본형          선택자  { 속성1 : 속성값1;  속성2 : 속성값2;} 맨 앞의 선택자는 스타일을 어느 태그에 적용할 것인지 알려주는 것이고,중괄호({ }) 사이에는 스타일 정보를 넣습니다. 속성과 값이 하나의 쌍으로 이루어진 것을 스타일 규칙이라고 하며,세미콜론(;)으로 구분해서 스타일 규칙을 여러 개 지정할 수 있습니다. 예를 들어 텍스트 단락의 글자를 강누데로 정렬하고 글자색을 파랑으로 지정하고 싶다면 다음과 같이 작성합니다.태그에 스타일 적용하기P  {     text-align : center;     color :.. 2024. 8. 9.

티스토리툴바