本文主要介绍了HTML5的基础结构和常用标签，包括文本标题、换行、段落、空格、加粗、倾斜、列表、图片、超链接、表格、表单等。特别强调了各种标签的使用方法和属性，如<img>标签的alt和title属性，以及表单提交的get和post方式的区别。
一、 h5基础介绍
1. html5的基本结构
<!DOCTYPE html>命名文档类型
<html></html>说明我们写的是标记语言
<head></head>文件头部
<title></title>文件标题（显示在状态栏上的内容）
<meta charset="utf-8" />编码格式
<body></body>文件主体(所有要写的内容)
2.html的基本语法
- <标记 属性="属性值"></标记>
- <标记 属性="属性值"/>
注意：
- 写在<>中的第一个单词叫做标记，标签，元素。
- 标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”号内。
- 一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。
- 空标记没有结束标签，用“/”代替。
二 、html常用的标签
1.文本标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>二级标题</h3>
<h4>二级标题</h4>
<h5>二级标题</h5>
<h6>二级标题</h6>
2.
强制换行 : <br/> 水平线：<hr/>
3.段落标签：
<p>段落文本内容</p>
4.空格：
 
扩展：左尖括号：< 右尖括号：> 乘号：×
5.加粗：
<b>加粗内容</b> 、<strong>加粗内容</strong>
6.倾斜：
<i>倾斜内容</i> 、<em>倾斜内容</em>
7.列表 html 中有三种列表：
-
无序列表：<ul>
<li></li>
<li></li >
..............
</ul>
- 有序列表：<ol>
<li></li >
<li></li >
...............
</ol>
- 自定义列表:<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
8.插入图片
- <img src="目标文件路径及全称" alt="图片替换文本" title="图片的标题"/>
- title的作用: 在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的
- alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方。
*相对路径的写法：
- 当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名；
- 当当前文件与目标文件所处的文件夹在同一目录下，写法如下：文件夹名/目标文件全称+扩展名；
- 当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下：../目标文件所处文件夹名/目标文件文件名+扩展名；
最低0.47元/天 解锁文章
扫一扫
2475
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
