h1~h6共规定了6个等级的标题
h1标签有利于SEO优化、但是一个网页最多只有一个，太多会导致搜索引擎以为你是作弊、把你排除在外
p元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进，它是块级元素。
strong元素，表示文本十分重要，一般用粗体显示。
strong是一个逻辑状态，它不仅是加粗，还有表示重要信息的。
bold是一个物理状态，只是表示加粗，没有别的意义。
span元素主要作用是对普通文本进行归类
默认情况下和普通文本没有什么区别
用于区分特殊文本和普通文本，比如用来显示一些关键字
一般是做为其他元素的父元素，将其他元素包住，代表一个整体
用于把网页分割成多个独立的部分
属性：
1.src属性（source）可以链接远程图片地址、本地图片地址（路径）
绝对定位
特点：从根目录开始找
缺点：一旦文件路径发生改变，就会找不到
相对定位
规则：. 表示当前目录 .. 表示上一层目录绝对定位
特点：从根目录开始找
缺点：一旦文件路径发生改变，就会找不到
web常用图片格式
png（静态图片、支持透明）、jpg（静态图片、不支持透明）、jpeg（静态图片、不支持透明）、gif（静态图片、支持透明）、webp
alt属性：当图片失效（加载失败）时显示文本
单标签
参考：MDN（ https://developer.mozilla.org/zh-CN ）
一、常用的标签<h1>~<h6>表示是一个标题
<p>段落标签
<hr/>水平线标签
<br/>换行标签
<sub>下标
<sup>上标
<pre>原样标签： 原样标签会保留空格和换行符。
<ol><li>有序的列表标签、
<ul><li>无序的列表标签。
项目列表标签(dl dt dd)
行内标签(span)
块标签<div>div标签的内容会独立占一行。
二、实体标签
空格
小于号 <
大于号 >
-----------------------------
人民币 ¥；
版权 ©
商标 ®
三、媒体标签
<embed></embed>
hidden ： 设置隐藏插件是否隐藏。
src ：用于指定音乐的路径
<embed src="1.mp3" ></embed>
<marquee>飘动标签direction : 指定飘动的方向
scrollamount : 指定飘动的速度。
loop :指定飘动的次数
四、超链接标签
<a>超链接标签
a标签常用的属性：
href : 用于指定链接的资源
target: 设置打开新资源的目标。
_Blank 在独立的窗口上打开新资源
_self 在当前窗口打开新资源
file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。
格式：
file:///f:/美女/1.jpg
邮件 的协议： mailTo迅雷的协议： thunder
超链接标签的作用：
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式： <a name="锚点名字">数据</a>
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“
五、图片标签
img标签常用的属性:
width： 设置图片宽度
height 设置图片高度
alt: 如果图片资源无法找到，那么就显示对应的文字对图片进行说明。
六、表格标签
表格使用到的标签：
<table>表格
<tr>行
<td>单元格
<th>表头 默认的样式是居中，加粗。
<caption>表格的标题
表格常用的属性：
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。
<thead>标签用于组合 HTML 表格的表头内容。
<thead>元素应该与 <tbody>和 <tfoot>元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。
通过使用这些元素，使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。
<thead>标签必须被用在以下情境中：作为 <table>元素的子元素，出现在 <caption>、<colgroup>元素之后，<tbody>、 <tfoot>和 <tr>元素之前。
七、表单标签
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /><title>无标题文档</title><!-- 表单标签： 表单标签的作用是用于提交数据给服务器的表单标签的根标签是<form>标签常用的属性action: 该属性是用于指定提交数据的地址。method： 指定表单的提交方式。get : 默认使用的提交方式。 提交的数据会显示在地址栏上。post ： 提交的数据不会显示在地址栏上。注意： 表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值 --></head><body><form action="http://www.baidu.com" method="post"><!-- 文本输入框 单 行- ->用户名：<input name="userName" type="text"/><br/><!-- 密码框 -->密码：<input name="password" type="password"/><br/><!-- 单选框 -->性别： 男<input checked="true" value="man" name="sex" type="radio"/>女<input name="sex" value="woman" type="radio"/><br/><!-- 下拉框 -->来自的城市：<select name="city"><option value="BJ">北京</option><option value="SH">上海</option><option value="GZ">广州</option><option value="SZ">深圳</option></select><br/><!-- 复选框 同一组的复选框name的属性值要一致 -->兴趣爱好：java <input value="java" name="hobit" checked="checked" type ="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/><!-- 文件上传框-->大头照：<input name="image" type="file" /><br/>个人简介:<!-- 文本域 --><textarea name="intro" rows="10" cols="30"></textarea><br/><!-- 提交按钮 --><input type="submit" value="注册"/><!-- 重置按钮 --><input type="reset" value="重置"/></form></body></html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）