HTML标签、属性和事件
学习H5，就需要知道什么是HTML的标签、属性和事件。
标签是机器的一种语言，只有相应的浏览器能读懂，所以在html里制定了网页展现所需要的基本标签，用于显示表格、图片、文字等。
事件是类似于：点击时触发、鼠标悬停触发、按键按下触发等能够触发方法的叫事件。
方法就是事件发生后触发的逻辑。
属性是：长度、宽度、样式、名称、id等这些定义html标签的叫做属性。
<HTML>文件宣告 让浏览器知道这是HTML文件
<head>开头 提供文件整体信息
<TITLE>标题 定义文件标题将显示于浏览器顶端
<body>主体 设计文件格式及内容所在
排版标记
<!--注解-->说明标记 为文件加上说明但不被显示
<p>段落标记 为字、图、表格等之间留下一空白行
<br>换行标记 令字、图、表格显示于下一行
<hr>水平线 插入一水平线
<center>居中 令字、图、表格等显示于中间
<pre>预设格式 令文件按原代码的排列方式显示
<div>定位标记 设定字、图、表格等的摆放位置
<nobr>不换行 令文字不因太长而换行
字体标记
<strong>加重语气 产生字体加粗Bold的效果
<b>粗体标记 产生字体加粗的效果
<em>强调标记 字体出现斜体效果
<l>斜体标记 字体出现斜体效果
<u>加下划线 加下划线
<H1>一级标题标记 将字体变大，级数越高越小
<H2>二级标题标记 将字体变大
<H3>三级标题标记 将字体变大
<H4>四级标题标记 将字体变大
<H5>五级标题标记 将字体变大
<H6>六级标题标记 将字体变大
<font>字体标记 设定字体、大小、颜色
<small>字体缩小 令字体稍微缩小
<code>程式码 字体稍微加宽
<var>变量 斜体效果
<address>地址标记 斜体效果
清单标记
<ol>顺序清单 将以数字、字母顺序排列
<ul>无序清单 将以圆点作为符号排列
<li>清单项目 清单中的项目，一个标记一行
<menu>选项清单
表格标记
<table> 表格标记 设定该表格的各项参数
<tr>表格行 设定该表格的行
<td>表格单元格 设定该表格的单元格
<th>表格标题 相等于<td>，但其内文字字体会变粗
表单标记
<form>表单标记 决定该表单的运作模式
<textrea>文字框 提供文字输入栏
<input>输入标记 决定输入形式
<select>选择标记 建立弹出卷动清单
<option>选项 每一个清单选项
链接标记
<a>链接标记 加入链接
其他标记
<meta>开头说明 提供关于此页的信息给浏览器
<link>关系定义 定义该文件与其他URL的关系
StyleSheet
<style>式样表 控制网页版面
<span>自订标记 独立使用或与样式表一起用
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>hello,world!</title>
<style></style>
</head> <body> <div>无实意标签</div> <p>段落标签</p> <span>无实意标签</span> <img src=http://img.doutula.com/production/uploads/image/2021/09/15/20210915691303_XWNVtf.gif> <ul type="square"> <!-- circle --> <!-- 无序列表 --> <li>qqqqq</li> </ul> <ol > <li>qqqqq</li> </ol> <input type="text" name=""> <input type="number" name=""> <input type="passwrod" name=""> 性别： <input type="radio" name="gender">男 <input type="radio" name="gender">女 <br> <!-- 复选框 --> <input type="checkbox" name=""> <a href="https://www.baidu.com">百度一下</a> <h1>1</h1> <h2>2</h2> <h3>3</h3> </body> </html>
浙公网安备 33010602011771号