当前位置:网站首页 > 编程语言 > 正文

网页传输文字怎么设置(网页传输文字怎么设置的)



2.1文字与段落排版

2.1.1 段落标签

由于浏览器忽略用户在HTML编辑器中输人的回车符,为了使文字段落排列得整齐、清晰,常用段落标签

实现这一功能。段落标签

是HTML格式中特有的段落元素,在HTML格式里不需要在意文章每行的宽度,不必担心文字是不是太长了而被截掉,它会根据窗口的宽度自动转换到下一行。段落标签的语法为:

文字


属性 align:设置段落文字在网页上的对齐方式,包括left(左对齐)、center(居中)和right(右对齐),默认为 lef。
格式中的“!”表示“或者”,即多项选其一。

 

2.1.2  标题标签

在页面中,标题是一段文字内容的核心,所以总是用加强的效果来表示。标题使用

标签进行定义。

定义最大的标题,

定义最小的标题,HTML 会自动在标题前后添加一个额外的换行。标题文字标签的格式为:
标题文字属性 align:设置标题在页面中的对齐方式,包括left(左对齐)、center(居中)或right(右对齐),默认为left。

 

2.1.3换行标签

 

2.1.4 水平线标签

水平线可以作为段落与段落之间的分隔线,使文档结构清晰,层次分明。当浏览器解释到HTML 文档中的


标签时,会在此处换行,并加入一条水平线段。水平线标签的格式为:


属性size:设定线条粗细,以像素为单位,默认值为2。
属性width:设定线段长度,可以是绝对值(以像素为单位)或相对值(相对于当前窗口的百分比)。所谓绝对值,是指线段的长度是固定的,不随窗口尺寸的改变而改变。所谓相对值,是指线段的长度相对于窗口的宽度而定,窗口的宽度改变时,线段的长度也随之增减,默认值为100%,即始终当前窗口。
属性color:设定线条色彩,默认为黑色。色彩可以用相应的英文名称或以“#”引导的一个十六进制代码来表示。

 

2.1.5 预格式化标签

标签可定义预格式化的文本。被包围在
标签中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。
标签的一个常见应用就是用来表示计算机的源代码预格式化标签的语法为:
文本块


 

2.1.6 缩排标签

之间的所有文本都
标签可定义一个块引用,右两边进行缩进,而且有时会使用斜体。也就是会从常规文本中分离出来,经常会在左、说,块引用拥有它们自己的空间。缩排标签的语法为:
文本



 

2.1.7 案例 (综合案例,包含前面知识点)

 

2.2 超链接

                                  超链接例题

 

2.2.1超链接简介

定义:所谓超链接(Hyperlink),是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,个文件,甚至是一个应用程序。超链接除了可链接文本外,也可链接各种媒体,如声音、图像和动画等,通过它们可以将网站建设成一个丰富多彩的多媒体世界。当网页中包含超链接时,其外观形式为彩色(一般为蓝色)且带下划线的文字或图像。单击这些文本或图像,可跳转到相应位置。鼠标指针指向超链接时,将变成手形。

分类:根据超链接目标文件的不同,超链接可分为页面超链接、锚点超链接和电子邮件超链接等:根据超链接单击对象的不同,超链接可分为文字超链接、图像超链接和图像映射等。

路径:RL--统一资源定位器,指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址下,但是,当创建网页时,不可能也不需要为每一个链接都输人完全的地址。用户只需要确定当前文档同站点根目录之间的相对路径关系。创建超链接时必须了解链接与被链接文本的路径。在一个网站中,路径通常有3种表示方式:绝对路径、根目录相对路径和文档目录相对路径。

2.2.2 超链接的应用

超链接的另外一个叫法称为锚,它是使用标签标记的,可以用两种方式表示,一是通过使用标签的href属性来创建超文本链接,以链接到同一文档的其他位置或其他文档中,在这种情况下,当前文档就是链接的源,href属性的值就是URL的目标;二是通过使用标签的 name 属性或id属性在文档中创建一个文档内部的书签。

1.锚点标签HTML使用标签来建立一个链接,通常标签又称为锚。建立超链接的标签以开始,以结束。锚可以指向网络上的任何资源:一张 HTML页面、一幅图像、一个声音或视频文件等。标签的语法:
文本文字用户可以单击

标签之间的文本文字来实现网页的浏览访问,通常标签之间的文本文字用颜色和下划线加以强调。
建立超链接时,href属性定义了这个超链接所指的目标地址,也就是路径。如果要创建个不链接到其他位置的空超链接,可用“#”代替URL。
属性target:设定链接被单击后所要开始窗口的方式有以下4种:
(1)blank。在新窗口中打开被链接的文档。
(2)self。默认值。在相同的框架中打开被链接的文档。
(3)parent。在父框架集中打开被链接的文档。
(4)top。在整个窗口中打开被链接的文档。
















创建指向其他页面的超链接:就是在当前页面与其他相关页面之间建立超链接。根据目标文件与当前文件的目录关系,有4种写法。注意,应该尽量采用相对路径。
(1)链接到同一目录内的网页文件,语法:
热点文本
其中,“目标文件名”是链接所指向的文件。
(2)链接到下一级目录中的网页文件,格式:
热点文本
(3)链接到上一级目录中的网页文件,语法:
热点文本
其中“https://blog.csdn.net/l/article/”表示退到上一级目录中
(4)链接到同级目录中的网页文件,格式:
热点文本
表示先退到上一级目录中,然后再进入目标文件所在的目录。































 

点击百度即可使用

指向书签的超链接

 

在浏览页面时,如果页面篇幅很长,要不断地拖动滚动条,就给用户浏览带来不便。览者需要既可以从头阅读到尾,又可以很快寻找到自己感兴趣的特定内容进行部分阅读时就可以通过书签链接来实现。当浏览者单击页面上的某一“标签”,就能自动跳到网页相应的位置进行阅读,给浏览者带来方便。书签就是用标签对网页元素作一个记号,其功能类似于用于固定船的锚,所以书签也称锚记或锚点。如果页面中有多个书签链接,对不同目标元素要设置不同的书签名。书签名在标签的 name 属性中定义,语法:目标文本附近的内容

即单击“热点文本”,将跳转到“记号名”开始的网页元素。

指向其他页面书签的超链接。书签超链接还可以在不同页面间进行链接。当单击书签超链接标题,页面会根据超链接中的href属性所以定的地址,将网页跳转到目标地址中书签名称所表示的内容。要在其他页面内实现书签链接,需要定义两个标签:一个为当前面的超链接标签,另一个为跳转页面的书签标签。当前页面的超链接标签的语法:

如果希望制作下载文件的超链接,只需在链接地址处输入文件所在的位置,当浏览户单击超链接后,浏览器会自动判断文件的类型,以做出不同情况的处理。指向下载文件的超链接语法:

热点文本

热点文本

2.3 图像

2.3.1网页图像的格式及使用要点

(1)常用的网页图像格式及使用要点

格式:GIF,JPEG,PNC

1)GIF。CIF是Internet上应用最广泛的图像文件格式之一,是一种索引颜色的图像格式,此格式在网页中使用较多。它的特点是体积小,支持小型翻页型动画,GIF图像最多可以使用 256 种颜色,最适合制作徽标、图标、按钮和其他颜色、风格比较单一的图片。

2.3.2 图像标签

在HTML中,用标签在网页中添加图像,图像是以嵌人的方式添加到网页中的图像标签的格式:
替代文字 tie=

其中src 是必需的属性。需要注意的是,在 width 和height属性中,如果只设置了其中的一个属性,则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置,且其比例和原图大小的比例不一致,那么显示的图像会相对于原图变形或失真。

                                                                       常用属性

有时,由于网速过慢或者用户在图片还没有下载完全就单击了浏览器的停止键,在浏览器中就看不到要看到图片,这时替换文本说明就十分有必要了。替换文本说明应该简洁而清晰,能为用户提供足够的图片说明信息,在无法看到图片的情况下也可以了解图片的内容信息。

2.设置图像大小

 


在 HTML中,通过img标签的属性 width和 height 来调整图像大小,其目的是通过图像的高度和宽度加快图像的下载速度。默认情况下,页面中显示的是图像的原始大小,如果不设置 width 和 height属性,浏览器就要等到图像下载完毕才显示网页,因此延缓其他页面元素的显示。
width 和height 的单位可以是像素,也可以是百分比。百分比表示显示图像大小为浏赞器窗口大小的百分比。例如,设置宽松羽绒服面包服图像的宽度和高度。代码如下:< img src = "images/waitao. jpg" width= " 150" height= " 174" >
3.图像的边框







 


在网页中显示的图像如果没有边框,会显得有些单调,可以通过img标签的border属性为图像添加边框,添加边框后的图像显得更醒目、美观。
border 属性的值用数字表示,单位为像素;默认情况下图像没有边框,即border=0:图像边框的颜色不可调整,默认为黑色;当图片作为超链接使用时,图像边框的颜色和文字超链接的颜色一致,默认为深蓝色。
2.3.3 图像超链接







 


图像也可作为超链接热点,单击图像则跳转到被链接的文本或其他文件。语法:

去除图像超链接边框的方法是为图像标签添加样式yle="border:none",

2.3.4设置网页背景图像

2.3.5 图文混排

 

2.4列表

2.4.1无序列表

 

 

无序列表,就是列表中列表项的前导符号没有一定的次序,而是用黑点、圆圈和方框等一些特殊符号标识。无序列表并不是使列表项杂乱无章,而是使列表项的结构更清晰、更合理。当创建一个无序列表时,主要使用 HTML,的

    标签和
  • 标签来标记。其中
      标务标识一个无序列表的开始;
    • 标签标识一个无序列表项。从浏览器上看,无序列表的特点是,列表项目作为一个整体,与上下段文本间各有一行空白;表项向右缩进并左对齐,每行前面有项目符号。
        标签的lype属性用来定义一个无序列表的前导字符,如果省略了type属性,浏览器会默认显示为 disc 前导字符。lype取值可以为disc(实心圆)、cirele(空心圆)、squar(方框)。设置type属性的方法有两种。


2.4.2 有序列表

 


有序列表是一个有特定顺序的列表项的集合。在有序列表中,各个列表项有先后顺序之分,它们之间以编号来标记。使用

    标签可以建立有序列表,表项的标签仍为 格式

    标签的type属性用来定义一个有序列表的符号样式,在
      后指定符号的样式,可设定直到
    的表项加重记号。

2.4.3 定义列表

 

标签
标签。可以使用d创建自定义列表,使用dt和 dd 定义列表中具体的数据项一般情况下使用dt定义列表的二级列表项,也可以认为是dd的一个概要信息,使用dd来定义最底层的列表层。

 

2.5综合例题

 

 

到此这篇网页传输文字怎么设置(网页传输文字怎么设置的)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

















版权声明


相关文章:

  • win7虚拟机内存配置多大(win7虚拟机内存配置多大够用)2026-03-19 20:00:07
  • 文件权限755什么意思(文件权限4755)2026-03-19 20:00:07
  • mha是什么意思中文(msha是什么意思)2026-03-19 20:00:07
  • tp的全称(总磷tp的全称)2026-03-19 20:00:07
  • ht59.vip域名查询(ht61vip域名查询)2026-03-19 20:00:07
  • 中国社会阶级分层图(社会阶级分层图26)2026-03-19 20:00:07
  • 流量回放平台哪个好用(流量回放平台哪个好用点)2026-03-19 20:00:07
  • pillow什么意思中文翻译(pillow什么意思英语翻译)2026-03-19 20:00:07
  • b站怎么直接跳转(b站怎么发跳转弹幕)2026-03-19 20:00:07
  • 虚拟机装系统蓝屏(虚拟机安装系统蓝屏0x0000050)2026-03-19 20:00:07
  • 全屏图片