下载浏览器

chrome 谷歌浏览器会默认安装在C盘路径不用更改
www.google.cn/ intl/h_CN/chrome/
如何卸载：控制面板中卸载
www.baidu.com/ 用百度的引擎去进行搜索

网站是什么？

网站是由一个一个网页构成的，要想理解网站是什么，首先要理解网页是什么。

什么是网页？

网页其实就是放在服务器上的一个文件，当我们浏览网页时，这个文件会被下载到我们本地的电脑，然后再由浏览器解析，渲染出各种漂亮的界面，比如表格、图片、标题、列表等。
网页文件的后缀有很多种，比如：.html、.php、.jsp、.asp等但不管网页的后缀是什么，它的本质都是一样的，就是由HTML代码构成的纯文本文件。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是网页标题</title>
</head>
<body>
    <p>这是一段文本</p>
    <a href="http://www.baidu.com/">这是一个超链接</a>
    <ul>
        <li>条目1</li>
        <li>条目2</li>
        <li>条目3</li>
    </ul>
</body>
</html>

例子解释：

<html>与`之间的文本描述网页
<body></body>之间的文本时可见的页面内容
<h1>与</h1>之间的文本被显示为标题
<p>之间的文本被显示为段落</p>

由<>包围的特殊标记，叫HTML标签（Tag），浏览器通过识别这些HTML标签来渲染各种界面和效果

什么是网站

一个网站由很多网页组成，可以将多个网页放在一个文件夹中

总结

网站可以认为是放在服务器上的一个文件夹，它包含了很多网页文件以及很多子文件夹。用户访问网站就是读取文件的内容，用户分享数据就是修改文件的内容，或者删除现有的文件，或者创建一个新的文件。

HTML基础

什么是HTML

HTML是用来描述网页的一种语言

HMTL指的是超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言，而是一种标记语言
标记语言是一套标记标签
HTML使用标记标签来描述网页

HTML标签

HTML标记标签通常称为HMTL标签

HMTL标签是由尖括号包围的关键词，比如 <html>
HTML标签通常是成对出现的，比如<b>和</b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开发标签和闭合标签

软件

vscode hbuilderx 专业写前端代码
pycharm 专业写python代码的

HTML常用标签

标题标签（h1-h6)
段落标签（p）--- 主要用于将一段内容包裹起来，便于后期统一设置 ----- p标签本身没有效果，标签内的内容与标签外的内容空一行(自动换行)
换行标签(br)--- <br/> 此标签属于单标签
水平线标签(hr)---单标签
图片标签(img)
- <img src='图片地址'/>
超链接标签(a)
- <a href='xxx.html'>我的第一个超链接

超链接：使用超链接可以访问另一个页面

列表标签

有序列表

<ol>
      <li>登录</li>
      <li>注册</li>
      <li>退出</li>
  </ol>

无序列表

<ul>
   <li>登录</li>
   <li>注册</li>
   <li>退出</li>
</ul>

<li>表示列表项

文本格式标签
- <strong></strong>加粗
- <em></em>倾斜
- <del></del>删除线
- <ins</ins>下划线
表格（table）
表单

<h1>一列:</h1>
    <table>
        <tr>
          <td>100</td>
        </tr>
    </table>
 <h1>一行三列:</h1>
    <table>
        <tr>
            <td>100</td>
            <td>200</td>
            <td>300</td>
        </tr>
    </table>

表单
- 一般用于搜集用户的信息
- 在HTMl中，一个完整的表单通常由表单控件、提示信息、表单域3个部分组成

表单域

是一个包含表单元素的区域
<from></from>标签用于定义表单域，会把范围内的表单元素信息提交给服务器

属性：--------属性值-----------作用

action---------url地址----------用于指定接收并处理表单数据的服务器程序的url地址

method-------get/post--------用于设置表单数据的提交方式，其取值为get或post

name----------名称------------用于指定表单的名称，以区分同一个页面中的多个表单域

表单控件

input：输入表单元素
- type属性设置不同的类型（文本、单选、复选、按钮等）
select:下拉列表单元素
- <select>中至少包含一对<option>
- 在<select>中定义selected=selected时为默认选项
textarea:多行文本域元素
- cols="每行中的字符数"
- rows="显示的行数"

特殊字符

div标签与span标签

div标签：可以把标签中的内容分割为独立的区块，必须单独占据一行。
span标签：和div的作用一致，但不换行。

div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。

span也是表达"小区域、小跨度"的标签，但只是一个文本级的标签。

HTML页面结构形成