html基础

二：文件夹的操作
 1.在文件夹中以详细信息的方式展示
 2.显示文件的后缀名
 3.显示隐藏的文件

 

HTTP的请求类型：   

GET请求：获取拿到。 Post请求：将用户的数据提交给服务器。

 

一般post请求比较get请求安全。

 

浏览器显示请求的网页

1.浏览器会找到从服务器中请求到的数据文件。主要是.html   2.浏览器内核会解释翻译xxx.html文件。会将有用到的文件整合到一个页面上显示。

在浏览器中的HTML注意网页兼容性，当网页不兼容时，很有可能会导致网页的部分内容会无法显示。

 

什么是html？

HTMl：英文全拼 -- Hyper Text Markup Language。超文本标记语言，都是以标签存在。

纯文本：后缀是.txt，记录的是纯文本，没有样式没有格式等等，只有文字。
超文本：可以设置文本的样式/格式/颜色等等属性，并且可以通过超级链接进行页面间的跳转联系。后缀为.word，还有网页。
注意：当我们使用html语言进行编程时，是为纯文本。但是当这个纯文本在浏览器中显示时，它将以超文本展示。

html编辑器：sublime Text
   editPlus
   notePad++
   webStorm 功能强大，真正项目开发时可以使用它。

HTML文件的基本骨架：

DOCTYPE：文档类型的声明。

TML：声明html网页当前范围，所有内容写在该标签中
head：用来设置当前页面的一些属性及样式、配置信息等等。这部分是用户看不到的，title除外。
body：网页的内容部分，网页中所有布局写在该标签中。这是用户能直接看到的部分。
title：声明网页的标题
meta：元标签。用它来设置网页的公共属性。

charset：utf-8 字符集的设置。将页面中的文字/字母等编码成计算机可识别的语言。

中文的编码格式有两种：
     utf-8：国际性编码，可以对中文编码。
     gb2312：中文编码，专门为中文进行编码。当然也包含其它国家的简单字符等。
     uft-8编码>gb2312  --  utf-8较庞大会导致编码速度慢。
    注意：文件保存时的字符集编码格式一定要和当前页面中声明的字符集编码格式相同！！如果不相同则乱码。

 

组成html网页的三大部分：

   第一部分：html语义化标签，负责页面的语义结构。
   第二部分：css样式，负责当前页面的样式布局（审美角度）
   第三部分：JS，负责当前页面的行为交互。

 

一.基础文本标签

H1-H6：语义化为标题标签。

p：段落标签。普通文本展示   h标签与p标签都是块级标签。   h标签为容器及标签，容器级标签就是：里面可以嵌套任何标签以及文本。   p标签为文本级标签，文本级标签就是：里面只可以放文本/超链接/图像/行内的文本标签。   一般的块级标签都是容器级标签，唯独p标签除外。

  标准文档流中基础特性：     

1、空白折叠现象，如果一个标签内容中有换行或空格那么在网页中都将以空格展示。同样对于行内级标签适用。     

2、如果标签中有内容存在，那么标签一定要闭合。这种叫闭合标签     

3、标签嵌套，在网页中html只在乎标签的嵌套。注意缩进

 二、图像标签 img

alt属性：当图片没有加载出来时，提示给用户的文字。增加交互的友好性。

相对路径：
  1.先找参照路径。参照路径：当前网页所在的路径。
  2.根据参照路径找到相应图片（绝对路径）

 

三、超级链接

<a>我是超级链接</a>

　　href属性： href 属性用于指定超链接目标的 URL。 href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。

　　title属性:在鼠标悬停时给用户的一个提示。

　　target:_blank在新的页面中打开网页。

四、 列表标签

1.有序列表 ol

2：无序列表 UL

 注意：OL与UL标签内只能嵌套li标签，但是li标签中可以嵌套任何内容。

当然也可以单独写li，但是为了保证代码格式化标准，不建议单独用li .

3：自定义列表 DL
   dt：作为当前列的小标题
   dd：当前列中的每一小项

 

 

五、DIV+span

　　　　<div>

　　　　　　<span></span>

　　　　</div>
 div：用来负责当前网页结构的划分，css来负责结构的样式。
 span：行内的文本标签，用来突出某一段文本或某几个字。

 

 六、form表单标签
 form：用来提供给用户提交信息到服务器。所有的要提交的内容都必须写在form中
 form中最重要的标签：input
 input的type属性:
     text：文本输入框
     password：密码输入框
     radio：单选框。注意：想要实现单选，那么就需要设置name属性为一致的内容。
     checkbox：多选框
     date：日期
     color：颜色
     file：文件选取
     submit：提交按钮
     button：普通按钮
     reset：重置按钮
 select标签：下拉选择框
   option：代表每一项
 textarea：文本域
 label:点击相应文字也可以选中。

 

 

标签的三种分类方法：   

第一种按封闭来还分为：闭合闭合标签与单标签。  

闭合标签一般是成对出现的。闭合标签一定要闭合。 

第二种按显示内容来划分为：容器及标签与文本及标签。   

　　容器级标签：可以嵌套任何标签，包括和自己一样的标签。   

　　文本级标签：只能存放文本，a/img/span等等文本标签   

第三种按照标准文档流划分为：块级标签与行内级标签。   

　　块级：独占一行   

　　行内级标签：在一行内显示

 　　 一般单标签都是行内标签，也是文本级标签。   

　　一般块级标签都是容器级标签，但是p标签除外，p是文本级标签。