> 웹 프론트엔드 > HTML 튜토리얼 > html의 기본적인 용도로는 링크, 스타일시트, 스팬, div 등이 있습니다._HTML/Xhtml_웹페이지 제작

html의 기본적인 용도로는 링크, 스타일시트, 스팬, div 등이 있습니다._HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:39:39
원래의
1160명이 탐색했습니다.
1. 링크
HTML의 하이퍼텍스트 링크는 매우 중요합니다.

링크 텍스트
1. 링크
①절대 도로 강도:

현지 사진에 대한 절대 도로 강도 링크 ②상대 도로 강도

로컬 사진에 대한 상대 도로 강도 링크 3 상위 디렉토리 링크


상위 디렉토리 링크
2. URL 링크
형식: 프로토콜 이름: //host.domain 이름 /roadjin /filename
프로토콜에는 다음이 포함됩니다:
파일 로컬 시스템 파일
http WWW 서버
ftp ftp 서버
telnet TELNET 기반 프로토콜
mailto email
news 유즈넷 뉴스 그룹
gopher GOPHER 서버
wais WAIS 서버

예:
Baidu
3. 디렉토리 링크
먼저 특정 단락을 링크 위치, 형식으로 설정합니다. For:

그런 다음 이 링크 부분에서 파일을 호출하고 링크를 정의합니다.

링크 텍스트 물론, 파일 내에서 점프하는 경우 , 파일명은 생략 가능하며 쓰지 않으셔도 됩니다.


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







...


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


#의 값은 따옴표로 묶인 문자열 쌍입니다. 문자열의 숫자는 쉼표로 구분된 각 창의 크기를 나타냅니다. "*"로 대체되어 크기가 브라우저에 의해 자동으로 할당됨을 나타냅니다. 예를 들어



100픽셀을 초과하는 창을 균등하게 배치합니다. 3. 창 ​​간 상호 작용
①프레임의 src 속성을 사용하여 링크 내용에서 name 속성은 창의 이름을 지정하고, target 속성은 링크된 파일이 표시되는 창을 지정하는 데 사용됩니다. 해당 값은 이름으로 정의된 이름이거나 다음 네 가지 유형의 값일 수 있습니다.

새 창 표시
같은 창에 표시

프레임셋의 이전 파일 창에 표시

브라우저 전체 창에 표시
②프레임의 기타 속성

#=yes,no frameborder는 각 창 테두리의 설정을 지정합니다. yes는 테두리가 있음을 의미하고, no는 테두리가 없음을 의미합니다.


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


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


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


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


4.span 및 div 사용

경우에 따라 일부 특수 글꼴 속성이 필요합니다. 특정 단어나 문구를 다른 글꼴이나 배경으로 설정하는 등 전체 단락의 일부 텍스트에만 적용됩니다. 이는 요소를 사용하여 수행됩니다. 예를 들어

저는 프로그래밍을 매우 좋아합니다. 이는 매우 즐거운 일입니다.




의 사용법 웹 페이지에서 섹션은 매우 일반적인 형태입니다. 각 섹션은 여러 개의 단락으로 구성됩니다. 웹페이지의 섹션 스타일 지정. 이때
을 사용하면 웹 페이지의 특정 섹션이나 영역의 모양 표시 세부 사항을 지정하는 것이 주요 목적입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿