资讯专栏INFORMATION COLUMN

第三天·HTML常用标签

guqiu / 1842人阅读

摘要:如果希望某段文本强制换行显示,就需要使用换行标签在中直接敲回车来换行是不起作用的。标签的属性用于指定超链接目标的。这是因为标识符几乎可以用在所有的标签中。

一·

-

单词缩写:head
HTML的

-

代表了六个等级的标题,其中

标签比较重要,因此要尽量少用。一般

是给logo使用,或者是页面中最重要的标题。

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6
二·

单词缩写:paragraph
在HTML中每个段落都是通过

元素标签进行定义的, 比如下面这样:

I am a paragraph, oh yes I am.

是HTML中最常用的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

三·

单词缩写:horizontal
在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成。它是一个单标签,其基本语法格式如下:


是单标签
四·

单词缩写:break
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签:


在HTML中直接敲回车来换行是不起作用的。

五·文本格式化标签

具体如下:

其中只有使用没有强调的意思, 语义更强烈。

六·图像标签

单词缩写:image
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,

该语法中:src属性用于定义指定图像的文件名和路径,它是标签的必选属性。

相对路径与绝对路径
相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。具体如下:
(1)图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如。
(2)图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如。
(3)图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如。
绝对路径:绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的,例如:“D:webimglogo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/l...”。

七·链接标签

单词缩写:anchor
元素(或锚元素)可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,基本语法如下:

文本或图像

常用属性:
(1)download:标签的download属性规定被下载的超链接目标,只有Firefox和Chrome支持download属性。
(2)href:
标签的href属性用于指定超链接目标的URL。
(3)name:
标签name属性用于指定锚(anchor)的名称,该属性在HTML5中不支持。
备注:在 HTML 4.0 之前的版本中,只有使用
标签的name属性才能创建片段标识符。随着HTML 4.0中id属性的出现,所有HTML或XHTML元素都可以是片段标识符。这是因为id标识符几乎可以用在所有的标签中。标签为了能够和以前的版本相兼容而保留了name属性,同时也可以使用id属性。这些属性可以相互交换使用,可以把id属性看作是 name 属性的升级版本。name和id属性都可以与href属性结合起来使用,这样一个标签就可以同时作为超链接和片段标识符使用。
(4)target:
标签的 target 属性规定在何处打开链接文档。
备注:如果在一个
标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。target属性的值:

注意
标签中必须提供href属性或name属性。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53365.html

相关文章

  • 前端技术之_CSS详解三天

    摘要:前端技术之详解第三天二权重问题深入同一个标签,携带了多个类名,有冲突我是什么颜色我是什么颜色我是什么颜色我是什么颜色微软雅黑红色的。前端技术之_CSS详解第三天 二、权重问题深入 2.1 同一个标签,携带了多个类名,有冲突: Document .spec2{ color:blue; } ...

    番茄西红柿 评论0 收藏0
  • 三天 函数

    摘要:构造函数需要通过运算符调用并产生一个新的对象作为其接受者。使用方法定义高阶函数允许使用者给回掉函数指定接收者。当给高阶函数传递对象方法时使用匿名函数在适当的接受者上调用该方法。通常情况下应该避免使用函数对象的方法。 1、函数调用,方法调用及构造函数调用之间的不同 这部分比较简单,直接看代码吧: function hello() { console.log(Hello, Worl...

    songze 评论0 收藏0
  • 26天学通前端开发(配资料)

    摘要:网上有很多前端的学习路径文章,大多是知识点罗列为主或是资料的汇总,数据量让新人望而却步。天了解一个前端框架。也可以关注微信公众号晓舟报告,发送获取资料,就能收到下载密码,网盘地址在最下方,获取教程和案例的资料。 前言 好的学习方法可以事半功倍,好的学习路径可以指明前进方向。这篇文章不仅要写学习路径,还要写学习方法,还要发资料,干货满满,准备接招。 网上有很多前端的学习路径文章,大多是知...

    blair 评论0 收藏0
  • 精彩文章赏析 - 收藏集 - 掘金

    摘要:掘金原文地址译文出自掘金翻译计划译者请持续关注中文维护链接获取最新内容。由于以下的浏览器市场份额已逐年下降,所以对于浏览器技巧三视觉效果前端掘金揭秘学习笔记系列,记录和分享各种实用技巧,共同进步。 沉浸式学 Git - 前端 - 掘金目录 设置 再谈设置 创建项目 检查状态 做更改 暂存更改 暂存与提交 提交更改 更改而非文件 历史 别名 获得旧版本 给版本打标签 撤销本地更改... ...

    godiscoder 评论0 收藏0
  • 九天学会Java,三天,选择结构

    摘要:选择结构变量和数据类型,赋值和输出算术运算选择结构循环结构函数定义,函数调用变量作用域栈,程序运行的基石面向对象异常处理语言提供的公用包上一节介绍了的算术运算,如加减乘除等,的运算规则跟四则运算一样。 选择结构 变量和数据类型,赋值和输出 算术运算 选择结构 = 60) { System.out.println(You have passed the exam...

    Java_oldboy 评论0 收藏0

发表评论

0条评论

guqiu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<