前端HTML5从基础入门到开发——第一天三剑客之一HTML 基本标签

最新推荐文章于 2024-05-20 21:21:56 发布

骑士坑天下

最新推荐文章于 2024-05-20 21:21:56 发布

阅读量153

点赞数 2

分类专栏： WEB前端——HTML5 文章标签： html5 前端基本标签前端开发

本文链接：https://blog.csdn.net/weixin_44435602/article/details/114263121

版权

WEB前端——HTML5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

什么是 HTML？

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签
HTML 使用标记标签来描述网页

1、结构性定义代码

1.1、区域性标签

标记标签：< html>< /html>，存放网页上的所有内容

头部标签：< head>< /head>，定义文档的头部，是所有头部元素的容器。< head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

网页标题：< title>< /title>,title标签之间存放的是网页的名字

元数据标签：< meta>,专门告诉浏览器或是搜索引擎关于网页的一些基本数据

定义文档的主体：< body>< /body>，存放用户能够看到的所有内容，包含文字，图片，视频，音频等。

矩形区域标签：< div>< /div>，在网页内容中间划分出若干个矩形区域，用以存放不一样的内容

可定义标题：<h? align=left/center/right></h?>，?可取1-6，其中h1是最大，h6为最小

无序列表标签：ul（ Unordered List ），网页中间还有一些内容相似、结构相仿、布局接近的区域，像这一类区域我们就使用无序列表来进行区域划分

有序列表标签：ol（ ordered lists ），自带序号

自定义列表标签：dl（ definition list ）

1.2、描述性标签

引用标签：< blockquote>< /blockquote>，引用古典名著、诗词等
斜体强调：

斜体：

加粗强调：

加粗：

定义超链接：< a>< /a>

组合文档中的行内元素：

段落：

图片标签：< img>< /img>,src=“图片地址”:表示我们需要显示的图片文件所在的位置，alt=“图片名称”：每个图片都是为了展示某些内容，alt里面的文字则是为了描述图片内容的

视频标签：< video>< /video>，在网页上展示一个视频文件，src=“视频地址”，表示我们需要显示的视频文件所在的位置，controls=“controls”：视频文件的控制按钮区域

音频标签：< audio>< /audio>

<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>给女儿的一个网站</title>
    <link rel="stylesheet" href="css/fonts.css">
    <script src="js/modernizr-2.8.3.min.js"></script>
</head>

<body>
	<a href="baidu.com">搜索
		<span class="fa fa-search fa-lg " >登录</span>
	</a>
	<div class="happy">
	<img class="img-responsive" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1859994938,607804538&fm=26&gp=0.jpg" alt="生日快乐"/>
	<p>亲爱的女儿，今天是你<b>一周岁</b> <strong style="font-color:red;">生日</strong>，<i>爸爸</i> <em>妈妈</em>希望你永远开心快乐！！</p>
	</div>

</body>
</html>

骑士坑天下

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
前端HTML5从基础入门到开发——第一天三剑客之一HTML 基本标签

什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签HTML 使用标记标签来描述网页1、结构性定义代码标记标签：< html>< /html>头部标签：< head>< /head>，定义文档的头部，是所有头部元素的容器。< head> 中的元素可以引用脚本、指示浏览器在哪里找到
复制链接

扫一扫