介绍:
刚开始学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常用标签(二)
扫一扫在手机端查看
-
Tags : html5标超文本标记语言页面称为什么页面
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。