HTML 기본 사용법(HTML 태그 설명)_CSS/HTML

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 사용 시 주의할 점:
① 일부 브라우저는 특정 속성 값을 지원하지 않을 수 있습니다. 이 경우 브라우저는 해당 속성 값을 무시하거나 선택적 값으로 대체합니다.
②내장 스타일은 단일 요소에만 적용되며, 이는 실제로 스타일 시트의 원래 디자인 의도에 위배되므로 주의해서 사용해야 합니다.
③문서 수준 스타일 설명은 문서 헤더에 표시되며 문서 본문 전체에 적용됩니다.C’est ainsi que le style général de construction d’un site Web peut rester cohérent.
④La feuille de style externe ne fait pas partie du document dans lequel elle est utilisée. La feuille de style externe doit être stockée séparément et doit être expliquée lors de son utilisation. Les feuilles de style externes peuvent être écrites dans certains fichiers texte en utilisant le type MIME text/css. Elles peuvent être stockées sur n'importe quel ordinateur sur Internet. Le navigateur obtient la feuille de style externe tout comme le document. L'élément en tête d'une page Web peut également être utilisé pour spécifier une feuille de style externe. Dans , l'attribut rel est utilisé pour spécifier la relation entre le document lié et le document contenant le lien. et l'attribut href est utilisé pour spécifier le style. L'adresse URL du document de table. Tels que


4.
Utilisation de
Dans certains cas, certains attributs de police spéciaux doivent être appliqués uniquement à une partie du texte du paragraphe entier, comme la définition d'un certain mot ou d'une certaine expression dans une police différente. ou l'arrière-plan, etc. C'est ici que vous pouvez utiliser l'élément , par exemple :

J'aime vraimentProgrammation< ; /span>, c'est une chose très agréable.

Utilisation de

Dans les pages Web, les sections sont une forme très courante. Chaque section se compose de plusieurs paragraphes si dans la conception, on espère que non seulement chacun. paragraphe, à la place, vous pouvez styliser les sections d'une page Web. À l'heure actuelle, vous pouvez utiliser

. Son objectif principal est de spécifier l'apparence et d'afficher les détails d'une certaine section ou zone de la page Web.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

더보기

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)

2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

Repo : 팀원을 부활시키는 방법

1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법

4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

스플릿 소설을이기는 데 얼마나 걸립니까?

3 몇 주 전 By DDD

R.E.P.O. 파일 저장 위치 : 어디에 있고 그것을 보호하는 방법은 무엇입니까?

4 몇 주 전 By DDD

더보기

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

더보기

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7356

15

자바 튜토리얼

1628

14

Cakephp 튜토리얼

1353

52

라라벨 튜토리얼

1265

25

PHP 튜토리얼

1214

29

더보기