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

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 사용

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

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




의 사용법 웹 페이지에서 섹션은 매우 일반적인 형태입니다. 각 섹션은 여러 개의 단락으로 구성됩니다. 웹페이지의 섹션 스타일 지정. 이때
을 사용하면 웹 페이지의 특정 섹션이나 영역의 모양 표시 세부 사항을 지정하는 것이 주요 목적입니다.
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
如何使用磁力链接如何使用磁力链接Feb 18, 2024 am 10:02 AM

磁力链接是一种用于下载资源的链接方式,相比传统的下载方式更为便捷和高效。使用磁力链接可以通过点对点的方式下载资源,而不需要依赖中介服务器。本文将介绍磁力链接的使用方法及注意事项。一、什么是磁力链接磁力链接是一种基于P2P(Peer-to-Peer)协议的下载方式。通过磁力链接,用户可以直接连接到资源的发布者,从而完成资源的共享和下载。与传统的下载方式相比,磁

115://开头的链接怎么下载?下载方法介绍115://开头的链接怎么下载?下载方法介绍Mar 14, 2024 am 11:58 AM

  最近有很多用户都在问小编,115://开头的链接怎么下载?想要下载115://开头的链接需要借助115浏览器,大家下载好115浏览器后,再来看看下面小编整理好的下载教程吧。  115://开头的链接下载方法介绍  1、登录115.com,下载115浏览器并安装。  2、在115浏览器地址栏输入:chrome://extensions/,进入扩展中心,搜索Tampermonkey,安装对应插件。  3、在115浏览器地址栏输入:  油猴脚本:https://greasyfork.org/en/

如何获取微信视频号链接?微信视频号怎么添加商品链接?如何获取微信视频号链接?微信视频号怎么添加商品链接?Mar 22, 2024 pm 09:36 PM

微信视频号作为微信生态系统的一部分,已经逐渐成为内容创作者和商家的重要推广工具。在这个平台上获取视频号链接对于分享和传播内容至关重要。下文将详细介绍如何获取微信视频号链接,以及如何在视频号中添加商品链接,提升内容的传播效果。一、如何获取微信视频号链接?在微信视频号中发布视频后,系统会自动创建一个视频链接。作者可以在发布后复制该链接,方便进行分享和传播。登录微信视频号后,您可以浏览自己的视频号主页。在主页上,每个视频都附有相应的链接,方便您直接复制或分享。3.搜索视频号:在微信搜索框中输入视频号名

如何在最新的iOS 17系统中连接iPhone上的Apple Notes如何在最新的iOS 17系统中连接iPhone上的Apple NotesSep 22, 2023 pm 05:01 PM

使用添加链接功能在iPhone上链接AppleNotes。笔记:如果您已安装iOS17,则只能在iPhone上的AppleNotes之间创建链接。在iPhone上打开“备忘录”应用。现在,打开要在其中添加链接的注释。您还可以选择创建新备忘录。点击屏幕上的任意位置。这将向您显示一个菜单。点击右侧的箭头以查看“添加链接”选项。点击它。现在,您可以键入注释的名称或网页URL。然后,点击右上角的完成,添加的链接将出现在笔记中。如果要添加指向某个单词的链接,只需双击该单词即可将其选中,选择“添加链接”并按

如何禁止 Outlook 在 Edge 浏览器中打开链接如何禁止 Outlook 在 Edge 浏览器中打开链接Aug 03, 2023 am 11:49 AM

如何阻止Outlook在Edge中打开链接在继续之前,请确保您的首选浏览器在Windows中设置为默认浏览器。这可确保在所需的浏览器中打开Outlook链接。要检查并设置默认浏览器:对于Windows10:单击“开始”菜单,然后选择“设置”转到“应用程序”,然后转到“默认应用程序”在默认应用程序列表的底部查找“Web浏览器”如果列出了您的首选浏览器,则一切就绪。如果列出了MicrosoftEdge,请单击它,然后从列表中选择您喜欢的浏览器。如果出现提示,请单击“仍然切换”。修复Edge问题中Ou

视频号挂链接需要什么条件?视频号带货怎么挂链接?视频号挂链接需要什么条件?视频号带货怎么挂链接?Mar 07, 2024 pm 01:13 PM

随着短视频平台的盛行,越来越多的创作者开始利用视频号来创作和推广内容。视频号不仅可以展示个人才能,还可以通过带货链接来实现商业变现。但是,要在视频号中添加链接,必须符合一定的条件。一、视频号挂链接需要什么条件?视频号认证是在视频号中添加链接的前提条件。目前,主要的短视频平台如抖音、快手等都提供认证服务,主要包括个人认证和机构认证两种类型。个人认证需要提交真实身份信息,而机构认证则需要提供相关企业或组织的认证材料。完成认证后,用户可以在视频号中添加链接,提升账号的可信度和权威性。视频号挂链接的一个

抖店怎么上链接-抖店上链接教程抖店怎么上链接-抖店上链接教程Mar 06, 2024 am 08:40 AM

有很多朋友还不知道抖店怎么上链接,所以下面小编就讲解了抖店上链接的方法教程,有需要的小伙伴赶紧来看一下吧,相信对大家一定会有所帮助哦。第一步:首先打开抖店电脑端,进入左边栏“橱窗商品管理”,如图所示。第二步:接着点击右上角的“添加商品”,如图所示。第三步:然后将我们的商品链接复制粘贴进去,如图所示。第四步:随后点击“确认添加”,如图所示。第五步:最后输入介绍、图片等信息,再点击“确认”就能在抖音上链接了,如图所示。上面就是小编为大家带来的抖店怎么上链接的全部内容,希望对大家能够有所帮助哦。

excel链接如何添加excel链接如何添加Mar 20, 2024 am 08:55 AM

使用过Excel的朋友都知道很多时候我们需要在Excel中添加一些链接来让我们能通过点击某个链接或者关键词从Excel中点击进去其他网页或地方,这就是小编今天要讲的Excel链接如何添加的问题。首先打开表格并定位需要添加链接的关键字或图片。选中文本框后,右键点击并选择“超链接”选项。接下来会弹出一个插入超链接的窗口,其中包含多个选项。你可以选择链接到同一工作表的内容,也可以链接到桌面或其他地址。2、如图想要链接到Sheet2,就选择文本档中的位置,然后选择Sheet2,再点击确定,确定就可以了。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

뜨거운 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.