HTML页面开发

html简单页面开发，主要用来测试

1. 开发环境：VScode

1. 在某路径下先新建文件夹，打开VScode打开文件夹，新建文件，文件命名为index.html

2. 安装库 open in browser

库安装完成后，在编写文本位置右击->open in other browser->选择合适的浏览器即可在网页显示html标签内容

输入html，选择html:5或者！回车可以将框架进行搭建

3.html简介

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”。是用来描述网页的一种语言。

所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

HTML 不是一种编程语言，而是一种标记语言 (markup language)

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容

4.html标签

1)标签格式：

(1)有尖括号包围的关键字，如：

(2)通常成对存在，如：

(3)上面的标签前面是开始标签，后面是结束标签

2)标签分类：

(1)单标签：也称空标签    <标签名 />   如：

(2)双标签：成对存在      <标签名> 内容 

3)常用标签：

(1）h1-h6标题标签

格式： 标题文本 

举例：

这是标题标签

这是标题标签

这是标题标签

这是标题标签

这是标题标签

这是标题标签

2）p段落标签：

一个段落中会根据浏览器窗口的大小自动换行

格式：

  文本内容  

3）br换行标签：

格式：

4）div标签：

是一个块级元素，可以把文档分割为独立的、不同的部分，可以在div中嵌套标签

举例：

 

           

News headline 1

           

some text. some text. some text...

      

注：可以给div设置class或id，通过选择器设置属性，则内部成员具有相同属性

5）Input表单标签：

表示输入意思，是单标签

格式：

属性有多种：

这里重点讲type为text、radio

当type为text，表示是文本输入框

用法：

当type为radio，表示是单选框

用法：

解释：name：控件名称，同一组单选框设置相同名称

           //Value：必须要有，是当点击时会提交的数据

           Onclick:点击时会执行双引号中的处理函数

       Checked：默认选中，同一组中只设置一个即可

xhr.readyState属性代表XMLHttpRequest对象的状态。它有5个取值：

• 0 (未初始化)：尚未调用open()方法。
• 1 (已初始化)：已经调用open()方法，但尚未调用send()方法。
• 2 (发送中)：已经调用send()方法，但尚未接收到响应。
• 3 (接收中)：已经接收到部分响应数据。
• 4 (已完成)：已经接收到全部响应数据，并且可以使用该响应。

xhr.status属性代表服务器返回的HTTP状态码。其中200表示OK，表示请求成功。其他常见的状态码有404表示找不到请求的资源，500表示服务器内部错误等。