1. <!DOCTYPE html>是声明一个html文档,主要让浏览器识别,以什么样的方式识别页面内容

  2. <meta>标签在<head>里面,主要声明编码方式,关键词等

  3. <charset>是显示编码的

  4. <img src="插入的图片" alt="图片的描述">,爬虫主要通过alt来确认图片的类型

  5. 空格用&nbsp显示一个·空格

  6. "<" 可以用&gt表示,“>”用&lt表示

  7. <div>表示页面上的一块内容,但无实际意义。<span>表示一行中的一小段内容,无实际意义

     <em>,<i>都是将页面中的内容变成斜体。<b>一行中的一小段内容加粗,<strong>将整段加粗

  8. <a href="链接的url">链接的名称</a>,<a href="链接的url" title="网站"><img src="插入的图片" alt="图片的描述"></a>通过图片做链接,title="网站"将鼠标放到链接内容处显示的介绍,target="_self",连接到自己,就是打开一个新的标签target="_blank"会打开一个新的窗口。<a href="#"><a href="">使页面返回到当前页面的顶部,<a href="javascript: ;">不做任何操作,<a href="#命名">点击的名字</a>  <h1 id="命名">主要是用来进行页面内的点击链接

       捕获6.GIF


  9. table标签,申明一个表格<table></table>,<tr>表示表格的一行,<td>定义一行里的格子。<th>定义表格的表头

    <table border="1">表示边框,border写在table里面。height,weight写在table里表示表格的长宽。align="center"写在td里面表示td里面的内容居中,valign垂直对齐,coispan将单元格水平合并,rowspan将单元格垂直合并。

      捕获5.GIF

      捕获4.GIF

  10. 表单要用<form>包裹,form里面的action里的内容是定义这个表单数据提交的地址。type="radio"是单选框,type="checkbox"是多选框,都写在input里面。<select>定义下滑框,并用<option>输入下滑框的内容。上传照片,用<input type="file" name="">上传图片。<textarea>是多行文本。定义表单的文字使用<label>。

        捕获3.GIF

       <label>可以点文字激活表单控件,method是提交方式,不会在页面上显示敏感信息

        捕获7.GIF

        捕获8.GIF 捕获9.GIF

11.iframe标签是在页面内创建一个包含另一个html文件的内联框架

1.GIF

2.GIF

12.css的基本语法

     选择器{属性:值};

     3.GIF


13.css引入页面的三种方式

     4.GIF


14.css的文本设置

    5.GIF

15. css的选择器

       

       6.GIF


         7.GIF

            8.GIF

              id选择器的用法

                  12.GIF

             类选择器的用法

              13.GIF


            9.GIF


               层级选择器

                14.GIF

             10.GIF

                 组选择器

                   15.GIF


               11.GIF

16.css中表格的样式

            16.GIF

             17.GIF 


   17.css元素溢出

             18.GIF

18.css中的三种元素类型

     19.GIF

                  

          20.GIF


             21.GIF