html의 기본 사용법(HTML 태그 설명)

가장 기본적인 HTML 태그인 link, FRAMES, span, p 및 스타일 시트 css는 HMTL 코드를 직접 작성하기 전에 모두 배워야 합니다.

1. 링크
HTML의 하이퍼텍스트 링크는 매우 중요합니다. 기본 형식은 다음과 같습니다.
링크 텍스트

1. 로컬 링크
①Absolute Road King:
Absolute Road King 로컬 이미지 링크
② 상대 Road King
상대 Road King은 로컬 사진에 대한 링크
3상위 디렉토리에 대한 링크
상위 디렉터리 링크

2. URL 링크
형식: 프로토콜 이름://host.도메인 이름/roadjin/파일 이름
프로토콜 포함 :
파일 로컬 시스템 파일
http WWW 서버
ftp 서버 ftp 서버
telnet TELNET 기반 프로토콜
mailto 이메일
news Usenet 뉴스 그룹
gopher GOPHER 서버
wais WAIS 서버
예: Baidu

3. 먼저 단락을 다음과 같이 설정합니다. 형식의 링크 위치:

그런 다음 이 링크 부분에서 파일을 호출하여 링크를 정의합니다.
< ="파일명#링크 위치명">링크 텍스트
물론 파일 내에서 점프하는 경우 파일명은 생략 가능합니다.


2. 다중 보기 창 FRAMES
FRAMES 구조를 사용하여 설계된 HTML 파일은 전체 창을 여러 개의 독립적인 작은 창으로 나눌 수 있으며, 각 작은 창은 서로 다른 파일을 로드할 수 있으며 서로 소통합니다. 1. 기본 구조:

...


2. 각 창의 크기 설정
가로 분할에는 ROWS 속성, 세로 분할에는 COLS 속성을 사용하여 창을 여러 조각으로 나눕니다. 이 두 속성의 값으로 각 조각의 크기를 구현할 수 있습니다.


#의 값은 따옴표로 묶인 문자열 쌍입니다. 문자열의 숫자는 각 창의 점유율을 나타냅니다. 크기는 쉼표로 구분되며, 숫자는 "*"로 대체되어 브라우저가 자동으로 크기를 할당함을 나타낼 수도 있습니다. 예:


3. 창 ​​간의 상호 운용
①프레임의 src 속성은 링크할 내용을 지정하고, name 속성은 창의 이름을 지정하며, target 속성은 파일이 표시되는 창에 대한 링크를 지정하는 데 사용됩니다. 값은 이름으로 정의된 이름이거나 다음 네 가지 유형의 값일 수 있습니다.
새 창 표시
같은 창에 표시
프레임셋의 이전 파일 창에 표시
전체 브라우저 창에 표시
②프레임의 기타 속성
#=yes,no
frameborder는 각 창의 테두리 설정을 지정합니다. yes는 border, no는 테두리가 없음을 의미합니다


#의 값은 픽셀입니다. 이 속성은 위쪽, 아래쪽, 왼쪽 및 오른쪽의 너비를 설정하는 데 사용됩니다. 창의 테두리를 설정하지 않으면 브라우저에 의해 자동으로 결정됩니다.

<프레임 스크롤=#>#=yes,no,auto
스크롤 막대 설정, 예는 예, 아니오는 아니오를 의미하며, 자동은 브라우저에 의해 자동으로 설정됨을 의미하며 기본값은 자동입니다.


noresize 속성은 사용자가 프레임 크기를 조정할 수 없도록 지정합니다. 기본적으로 프레임 사이의 "벽"을 드래그하여 프레임 크기를 조정할 수 있으며 이 속성은 프레임 크기를 고정합니다.


3. 스타일 시트
1. 스타일 시트의 가장 중요한 역할은 모든 웹 페이지의 스타일을 일관되게 유지하는 방법을 제공하는 것입니다. 낮은 수준부터 높은 수준까지 세 가지 스타일 시트는 다음과 같습니다.
1. 내장(인라인) 스타일 시트: 단일 요소의 콘텐츠에 적용됩니다.
문서 수준. 스타일시트 : 문서 본문 전체에 적용 가능
③ 외부(외부) 스타일 시트 : 여러 문서 본문에 적용 가능
사용 시 충돌이 발생하면 하위 스타일 시트를 우선적으로 사용합니다.
2. CSS 사용 시 주의할 점:
①일부 브라우저에서는 특정 속성 값을 지원하지 않을 수 있습니다. 이 경우 브라우저는 해당 속성 값을 무시하거나 선택적 값으로 대체합니다.
②내장 스타일은 단일 요소에만 적용되며, 이는 실제로 스타일 시트의 원래 디자인 의도에 위배되므로 주의해서 사용해야 합니다.
③문서 수준 스타일 설명은 문서 헤더에 표시되며 문서 본문 전체에 적용됩니다. 따라서 이것이 웹사이트 구축의 전반적인 스타일을 일관되게 유지할 수 있는 방법입니다.
IV외부 스타일 시트는 사용되는 문서의 일부가 아닙니다. 외부 스타일 시트는 별도로 저장해야 하며 사용 시 설명이 필요합니다. 외부 스타일 시트는 MIME 유형 text/css를 사용하여 일부 텍스트 파일에 기록될 수 있습니다. 브라우저는 문서를 얻는 것처럼 외부 스타일 시트를 가져옵니다. 웹페이지 헤드에 있는 요소는 외부 스타일 시트를 지정하는 데에도 사용할 수 있습니다. 에서 rel 속성은 링크된 문서와 링크가 포함된 문서 간의 관계를 지정하는 데 사용됩니다. href 속성은 스타일을 지정하는 데 사용됩니다. 테이블 문서의 URL 주소.


4.

사용 방법
특정 단어나 문구를 다른 글꼴로 설정하는 등 일부 특수 글꼴 속성을 전체 단락 텍스트의 일부에만 적용해야 하는 경우도 있습니다. 아니면 배경 등등 여기서는 요소를 사용할 수 있습니다. 예:

I really likeProgramming< ; /span>, 정말 기분 좋은 일이네요.

사용법

웹페이지에서 섹션은 매우 일반적인 형태입니다. , 대신 웹페이지의 섹션 스타일을 지정할 수 있습니다. 이때

를 사용하면 웹 페이지의 특정 섹션이나 영역의 표시 세부 사항을 지정하는 것이 주요 목적입니다.

html의 기본 사용법(HTML 태그 설명)과 관련된 더 많은 기사를 보려면 PHP 중국어 사이트를 주목하세요!