지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > HTML 기본 사용법(HTML 태그 설명)_CSS/HTML

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

WBOY
풀어 주다： 2016-05-16 12:03:59
원래의
2236명이 탐색했습니다.

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
관련 라벨：
HTML 태그
원천：php.cn
이전 기사：여러 브라우저에서 CSS 컨테이너 콘텐츠 초과(오버플로) 지원 및 자동 줄 바꿈 지원_경험 교환 다음 기사：JavaScript_Experience 교환 없이 자동 스크롤 시차 효과
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
SQL Count()에도 0이 필요합니다. 테이블이 하나만 있고 0으로 시작하는 태그의 각 항목을 계산하고 싶습니다. 이제 다음을 시도합니다. SELECT tag,COUNT(start)ASAnzahl,us...
에서 2024-04-06 19:48:53
0
1
449
사이트에 CSS 스타일이 적용되지 않음 Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경...
에서 2024-04-06 17:12:23
0
1
336
흰색으로 설정된 HR 태그가 반투명한 이유는 무엇입니까? 나는 HTML(부트스트랩 포함)과 CSS를 가지고 있습니다. 내 HTML에는 클래스가 있는 <hr> 태그가 있고 CSS에는 테두리 스타일이 있습니다. ...
에서 2024-04-06 16:13:26
0
1
500
공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...
에서 2024-04-06 15:35:24
0
1
274
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿