我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

介绍:

刚开始学web前端的时候,感觉最难的就是标签太多,容易混淆,难记,于是整理了一下记录下来,一次记录不完,比较难懂的标签和应用在第二篇,HTML5常用标签-应用场景-详解图解(下篇)

前言摘要

HTML 代表超文本标记语言,它是一种描述性标记语言。

HTML 页面,即网页,由标签组成,浏览器根据标记语言的规则对其进行解释。

一个HTML文件由 和 三个部分组成,其中,网页上只显示 中的内容。

完整的HTML骨架如下:

	
	<html lang="en">
	<head>
	    <meta charset="UTF-8">
	    <title>这里是网页标题title>
	head>
	<body>
	body>
	html>
	```

1. 标题标签

标签放在head标签之间,包括,,,

标题标签位于标题部分之间。它们包括:、、、>

:指定整个网页的标题,显示在浏览器的最上方。

:为页面上的所有链接指定默认地址或默认目标。

:提供有关页面的基本信息

:main标签定义了HTML文档中要显示的内容,我们编写的代码必须放在这个标签内。

:定义文档与外部资源之间的关系。

- Meta() 标签

提供有关 HTML 页面的元(基本)信息,例如页面代码、刷新和跳转、搜索引擎的描述和关键字以及更新频率。

- Tltle标签

指定整个网页的标题。

效果图如下:

2. 常用标签

标签分为块级标签和行内标签,又称容器级标签和文本级标签。块级标签占一行,行内标签不分行。

1.特殊字符

2.

标签

p代表段落,段落之间默认有间距,br标签代表换行,上下没有间距。

效果如下:

3.超链接标签

a:“”表示此页面向另一个页面抛出一​​个锚点,是一个文本级的标签。

超链接属性:

示例 1:

<body>
    <a href="http://www.baidu.com" title="非常漂亮哦">我美吗?a>
body>

效果如下:

当你将鼠标悬停在“我漂亮吗?”上时,鼠标下方会出现“非常漂亮”的字样。点击“我漂亮吗?”页面会跳转到百度页面。如果跳转到当前页面,标题就是你鼠标悬停的文字。

示例 2:

<body>
    <a href="http://www.baidu.com" title="非常漂亮哦" target="_blank">我美吗?a>
body>

在新窗口中打开百度页面。空白表示新建一个空白窗口。如果不写=“”,则在原标签页中打开。如果写=“”,则在新的空白标签页中打开。

图像标签、表单标签

列表标签和其他标签我们会在下一篇文章**HTML常用标签(二)**中进行整理。HTML常用标签(二)

二维码
扫一扫在手机端查看

本文链接:https://by928.com/4755.html     转载请注明出处和本文链接!请遵守 《网站协议》
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。

项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

13761152229

上班时间

周一到周五

公司电话

二维码
微信
线