回到2021年5月回到2021年5月一。 Web标准 web标准是网页制作的标准，不是一个标准，而是由一系列标准组成。

一。 Web标准

web标准是网页制作的标准，不是一个标准，而是由一系列标准组成。 web标准包含了三作面；结构(html)，表现(css),行为（javascript)简称js。注：a： W3c万维网联盟（制定了html和css相关标准） b:ECMA—欧州电脑厂商联合会（制定了js相关标准）

二。html相关概念

HTML—--超文本标记语言； 2.XHTML一可扩展的超文本标记语言；注：XhtmL并增加任何新的标鉴，只是语法要求严格 3.HTmL5-html的第5次重大像改（具体意义上的h5）註：广义的h5是指web前端领域核山技术的总称.

三。 html基本结构

文档声明

告知浏览器使用哪种html或xhtml规范

2.根元素是包含了两部分：head部分和body部分

<html>
<head></head>
<body></body>
</html>

四。 html语法

常规标记：(双标记) 语法：<标记属性=“属性值” 属性=“属性值”></标记> eg:

<div align="center">hello word</div>

空标记:(单标记) 语法：<标记属性=“属性值”> eg:

<img src="1.jpg">

html 常用标签

1. 文本标题

语法：

<hx><hx> x为1～6

注：从h1-h6字体逐渐变小，并且都有加粗效果；

2. 段落文本

语法：

<p></p>写段落的每一段

3.强制换行

语法：

<br>

4.加粗文本：

<b></b>  <strong></strong>

5.倾斜文本：

<em></em> <i></i>

6:html特殊转译字符

&nbsp; 空格 &copy;版权符号 &lt;小于号； &gt 大于号

7.html三种列表

1.无序列表 ul 语法：

<ul type="disc|circle|square">
         实心圆｜空心圆｜实心方块
    <li>hello</li>
    </ul>

2.有序列表ol

<ol type="a/A/i/I" start="数值">
<li>hello</li>
</ol>

3.自定义列表

<dl>
<dt>名词</dt>
</dl>

8.插入图片

语法

 <img src="图片路径" alt=“替换文本” title=“提示文本本” width=“数值” height=“数值”>

注：alt 图片加载失败时提示的替换文本 title鼠标悬停在图片上时显示的提示

9。超链接

<a href="链接地址" target="_blank" title="">文本图片</a>
eg:
<a href="http://www.baidu.com" target="_blank" title="百度">百度一下</a>
<a href="#" target="_blank" >#空链接，返回页面顶部 target="_blank"设置超链接在新窗口打开</a>

10.表格

table>tr>td*6 按tab键

<table border="1" cellspacing="0" width="" height="">
  <tr align="center"><td>aa</td></tr> 
</table>

cellspacing="数值" 设置单元格间距单元格占单元格间距
colspan=“数值” 跨列合并单元格（合并列）
rowspan=“” 合并行
align="left/center/right" 设置单元格对齐方式
表格标题
th 定义表头单元格（自带加粗居中）

11.表单

语法：

  <form action="地址"></form>
 action 用来设置发送的后端的地址

文本框语法

  <input type="text" placeholder="**">
 注：placeholder 用来设置默认文本内容
 text 是文本 type是类型

密码框

    <input type="password" placehplder="">
    password 是 暗码看不出来的

提交按钮

    <input type="submit" value="">
    submit 提交
    value 用来设置提交按钮上的内容

单选按钮

    <input type="radio" name="a">
    radio 单选
    注：一组中的单选按钮必须添加一致的name属性才能达到多选其一的效果

复选按钮

    <input type="checkbox">
    注 我们可以给单选复选 提前添加一个默认选中状态

重置按钮

    <input type="reset">

普通按钮

    <input type="button" value="名字">
    注意 button是普通按钮不具备提交功能 可通过添加js效果实现

下拉列表

    <select><option>选择</option></select>

文本域

    <textarea row="行数" cols="字符宽" style="resize:none">禁止改变文本域大小</textarea>

disabled="disabled" 给表单元素添加禁用状态

get post区别：1.get主要用来获取数据，post主要用来发送数据； 2.get发送数据会在url地址栏显示，post直接通过服务器发送数据，用户看不到这个过程；3.get可以发送的数据量较小，post可以发送的数据量较大；4.get安全性较低，post安全性较高；

12.div和span

1. div 作用：用来划分网页的版块语法：

    <div class="xxx"></div>

span
作用：span没有固定的表现形式，只有对它设置样式时才会产生视觉上的变化

    <span></span>

之后进入css基础=>

回到2021年5月