HTML学习记录

1.浏览器内核

  a.浏览器内核分为两部分一是渲染引擎二是JS引擎。

  b.火狐浏览器内核--Gecko     苹果公司的safari浏览器内核--webkit    谷歌浏览器chrome 内核--Blink     opera浏览器--presto    IE     浏   览器内核--Trident    国产安卓手记浏览器大部分为webkit     ios浏览器 safari或者Trident

2.web标准构成

  结构：HTML  使内容清晰有逻辑性

  表现：CSS 修饰内容样式

  行为：JS 内容交互

3.HTML（Hyper Text markup language)

   超文本标记语言，不仅仅是文本还可以是图像，声音等

   a.<!DOCTYPE> 文档类型，告诉我们使用哪个Html版本。

   b.charset(字符集)

  <li>gb2312简单中文 支持6763个汉字。

  <li>BIG5 繁体中文

  <li> GBK 是GB2312的扩展，支持繁体字

  <li>utf-8 包含世界上所有国家用到的字符

4.标签

  <p>段落标签   <hr>水平线标签   <br>换行标签 

   <div>和 <span>没有语义，布局盒子

  文本格式化标签：

   <strong> <b> 文本加粗 前者更有强调性

   <i> <em>斜体 推荐用后者

   <s> <del>删除线

   <u> <ins>下划线标签

    <img>图像标签有以下属性：

    alt 图像不显示替换文本。  title 鼠标悬停时显示内容。   border边框。 width和height。

    <a>链接标签  属性有href=目标和target="_blank"（在新窗口打开）target="_self"（在本窗口打）。

    <base>标签 属性target 可以设置所有链接。 

 

    相对路径的理解：

       1.图像文件夹与HTML文件夹位于同一文件夹，只需要输入图像文件的名称。

       2.图像位于HTML文件夹的下一级文件夹，输入文件夹名称和文件名 之间用"/"隔开。

       3.图像文件位于HTML文件的上一级文件，在文件名前加"../"两级加"../../"以此类推。

 

     今天学到的单标签有：

      <hr/> <br/> <img/> <base/>

                                                                                                                                                                2018年8月15日

           

   1.表格标签<table></table>

       <table>

                <caption>表格标题</caption>  （只存在表格里跟在table后）

                <tr>    (行标签)

                       <th></th>  （表头）

                       <td></td>    （单元格）

                </tr>

 

       </table>

        标签属性：  border 边框 。

                             cellspacing 单元格与单元格之间的距离 。

                              cellpadding内容与单元格边框距离。

                              rowspan跨行

                               colspan跨列

     

   2.表单标签（收集用户信息）    

         由表单控件，提示信息和表单域组成。

        a.  input控件     

              属性 type="text"     "radio"(单选)   checkbox（多选）  password(密码)      button(按钮)   submit(提交)   reset（重置）

                                 image(以图像形式提交后面跟 src=图像地址)  

              属性 checked="checked"默认选中的项

       b.<select>下拉菜单

              <select>

                    <option>  内容<option>

                     <option> 内容 <option>

 

              <select>

             默认选中  selected="selected"

      c.<form>表单域

           属性：  action:  提交到的目标地址

                         method    提交方式 post/get

                                                                                                                                                                2018年8月16日