<a href = 자원 주소> 링크 텍스트 </a>
1. 로컬 링크
① 편안한 도로 부대 :
<a href = c : /images/article.jpg> 지역 사진에 대한 절대 도로 힘 링크 </a>
Ru Jin
<a href = article2.jpg> 지역 사진에 대한 상대 루진 링크 </a>
prevery 이전 디렉토리를 링크합니다
<a href = ../test.htm> 이전 디렉토리로의 링크 </a>
2. URL 링크
양식 : 프로토콜 이름 : //host.domain 이름/lujin/파일 이름
계약에는 다음이 포함됩니다.
로컬 시스템 파일 파일
HTTP www 서버
FTP FTP 서버
텔넷 기반 프로토콜
Mailto 이메일
뉴스 USENET 뉴스 그룹
고퍼 고퍼 서버
Wais Wais 서버
예 : <a href = http : //www.baidu.com> baidu </a>
3. 디렉토리 링크
먼저 단락을 링크 위치로 설정하면 형식은 다음과 같습니다.
<이름 = 링크 위치 이름> </a>
그런 다음이 링크 부분의 파일을 호출하여 링크를 정의합니다.
<a href = 파일 이름#링크 위치 이름> 링크 텍스트 </a>
물론 파일을 점프하면 파일 이름을 생략하고 쓰지 않을 수 있습니다.
2. 멀티 뷰 창 프레임프레임 구조로 설계된 HTML 파일은 전체 창을 여러 개의 독립적 인 작은 창으로 나눌 수 있으며 각 작은 창은 다른 파일을로드하고 서로 통신 할 수 있습니다.
1. 기본 구조 :
<html>
<헤드>
<제목> </title>
</head>
<프레임 세트>
<프레임 src = url>
<프레임 src = url>
...
</frameset>
</html>
2. 각 창의 크기 설정
우리는 창을 여러 조각으로 나누고 행 속성을 가로로 사용하며 Cols 속성을 수직으로 사용합니다. 각 조각의 크기는이 두 속성의 값에 의해 달성 될 수 있습니다.
<frameset cols =#>
<프레임 세트 행 =#>
#의 값은 따옴표로 둘러싸인 한 쌍의 문자열입니다. 문자열의 숫자는 각 창에 의해 점유 된 크기를 나타내며 중간의 쉼표로 분리됩니다. 그 숫자는 *로 대체 될 수 있으며, 이는 크기가 브라우저에 의해 자동으로 할당되었음을 나타냅니다. 좋다
<프레임 세트 cols = 100,200,300>
<프레임 세트 행 = 10%, 20%, 70%>
<frameset cols = 100,*,*> 100 픽셀 이외의 창을 고르게 배포하십시오
3. Windows 간의 상호 운용성
frame 프레임의 SRC 속성은 연결될 내용을 지정하는 데 사용되며 이름 속성은 창의 이름을 지정하고 대상 속성은 링크 된 파일이 나타나는 창을 지정합니다. 그 값은 이름으로 정의 된 이름이거나 다음 4 가지 유형의 값일 수 있습니다.
<a href = url target = _blank> 새 창이 표시됩니다
<a href = url target = _self> 같은 창에 표시됩니다
<a href = url target = _parent> 프레임 세트에 이전 파일을 보여주는 창
<a href = url target = _top> 브라우저 창에 표시됩니다
② 프레임의 다른 특성
<프레임 프레임 보더 = #> #= 예, 아니요
Framborder는 각 창 경계의 설정을 지정합니다. 예, 경계가 있음을 의미합니다. 테두리가 없음을 의미합니다.
<frame marginwidth =# marginheight =#>
#의 값은 픽셀 포인트입니다. 이 속성은 창의 상단, 하단, 왼쪽 및 오른쪽 경계의 너비를 설정하는 데 사용됩니다. 설정하지 않으면 브라우저에 의해 자동으로 결정됩니다.
<프레임 스크롤링 =#>#= 예, 아니오, 자동
스크롤바 설정, 예는 예를 의미합니다.
<프레임 Noresize = Noresize>
Noresize 속성은 사용자가 프레임 크기를 조정할 수 없음을 지정합니다. 기본적으로 프레임 사이에서 벽을 드래그하여 프레임의 크기를 변경하여 프레임의 크기를 변경하여 프레임의 크기를 변경할 수 있습니다.
3 스타일 시트1. 스타일 시트의 가장 중요한 기능은 모든 웹 페이지의 스타일을 일관되게 유지하는 방법을 제공하는 것입니다.
스타일 시트의 세 가지 레벨은 하위 레벨에서 더 높은 수준으로 순서대로 진행됩니다.
①. 구축 된 (인라인) 스타일 시트 : 단일 요소의 내용에 적합
②. 문서 수준 스타일 시트 : 전체 문서의 본문에 적합합니다.
③. 외부 스타일 시트 : 여러 문서의 본문에 적용 할 수 있습니다.
사용하면 충돌이있는 경우 저수준 스타일 시트가 사용하는 데 우선 순위가 있습니다.
2. CSS를 사용할 때주의를 기울여야하는 문제 :
∎ 일부 브라우저는 특정 속성 값을 지원하지 않을 수 있습니다. 현재 브라우저는 이러한 속성 값을 무시하거나 선택적 값으로 대체합니다.
내장 스타일은 단일 요소에만 적응하여 실제로 스타일 시트의 원래 디자인 의도에 위배되므로주의해서 사용해야합니다.
document 문서 레이어 스타일 설명은 문서의 헤더에 나타나고 문서 전체에 적합합니다. 따라서 이것이 웹 사이트 구성의 전반적인 스타일이 일관성이 될 수있는 방법입니다.
④ 외부 스타일 시트는 문서를 사용하는 문서의 일부가 아닙니다. 외부 스타일 시트는 별도로 저장해야하며 사용할 때 설명해야합니다. 외부 스타일 시트는 인터넷의 모든 컴퓨터에 저장할 수있는 Mime Type Text/CSS를 사용하여 텍스트 파일로 작성할 수 있으며 브라우저는 마치 문서 인 것처럼 외부 스타일 시트를 가져옵니다. 웹 페이지 헤드의 <link> 요소를 사용하여 외부 스타일 시트를 지정할 수도 있습니다. <link>에서 Rel 속성은 링크 된 문서와 수정 된 링크를 포함하는 문서 간의 관계를 지정하는 데 사용되며 HREF 속성은 스타일 시트 문서의 URL 주소를 지정하는 데 사용됩니다. 좋다
<링크 rel = 스타일 시트 유형 = 텍스트/CSS href = 테마/autotheme/style.css> </링크>
4. 스팬과 디바리<Span> 사용
경우에 따라 특정 특수 글꼴 속성은 다른 글꼴 또는 배경 등으로 단어 나 문구를 설정하는 등 전체 단락의 텍스트의 일부에만 적용해야합니다. 이렇게하면 다음과 같은 <span> 요소를 사용할 수 있습니다.
<p> 나는 정말로 <span style = font-size : 24pt; font-family : bold; color : red> programming </span>, 매우 즐거운 것입니다. </p>
<div>의 사용
웹 페이지에서 섹션은 매우 일반적인 형식이며 각 섹션은 여러 단락으로 구성됩니다. 디자인이 있다면 각 단락뿐만 아니라 웹 페이지의 섹션을 스타일링 할 수 있기를 바랍니다. 현재 웹 페이지의 섹션 또는 영역의 모양 세부 사항을 지정하는 데 주로 <div>를 사용할 수 있습니다.