html5教程,零基础html5自学教程
通常我们看到的网页是是以.htm或.html结尾的文件,通俗称为HTML文件。HTML是超文本标记语言,是用来描述网页的一种语言。
接下来我们一起开始学习HTML叭~
网页的基本信息
下面是一段简单的代码
<!DOCTYPE html> <!-- !DOCTYPE:告诉浏览器我们使用的什么规范 --> <html lang="en"> <head> <meta charset="UTF-8"> <!-- meta:描述性标签,用来描述网页的一些信息 一边用来描述SEO--> <title>第一个网页</title> </head> <body> Hello,我是子钦。目前读大二的菜菜,在不断摸索中学习,希望大佬能带我一起“卷”。 </body> </html>
在HTML5中的注释如上面的浅色文字 ,该注释可以是一行也可以同时是多行。
在代码中大家会发现有head和body,没错的~网页主要包含两部分:网页头部、网页主体。
网页的头部
<head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head>
网页的主体
<body> Hello,我是子钦。目前读大二的菜菜,在不断摸索中学习,希望大佬能带我一起“卷”。 </body>
头部中包含了网页的标题
<title>第一个网页</title>
接下来介绍HTML中的标签
基本标签
标题标签
标题为加粗字体共六级,字号逐次减小
<h1> 一级标题 </h1> <h2> 二级标题 </h2> ..... <h6> 六级标签 </h6>
段落标签
<p>段落标签</p>
注:在开发工具中换行或另起一段,在网页中是不会显示的。必须使用段落标签、换行标签。
换行标签
<br> <!-- 注意换行标签为单标签 ->
这里有同学会有疑问,段落标签和换行标签有何不同呢?
段落之间间距较大,行间距较小。这样会很容易的区分段落之间的关系,不至于与段内换行混淆。
字体样式标签
这里主要介绍粗体、斜体
粗体:<strong> I loue you </strong> <br> 斜体:<em> I loue you </em>
特殊符号用转义字符 &
在开发工具中无论输入多少空格网页只会显示一个空格,用  ;可以表示多个空格,要注意结尾的英文分号哦~
> ; 大于号 < ; 小于号
© ; ©版权符号
图像标签
<img src="resources\image\1.jpg" alt="快手图片" title="悬停文字" height="500" width="1000" >
src | 图片地址 |
---|---|
alt | 当图片路径不对时或者图片加载失败时,显示该名称 |
title | 鼠标悬停时显示的文字 |
height | 图片的高度 |
width | 图片的宽度 |
height和width用来调节图片的大小
本文地址:百科问答频道 https://www.neebe.cn/wenda/936284.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!