html学习笔记

html：超文本标记语言，不是一种编程语言，是一种标记语言，
作用：用于告诉浏览器该如何构造页面
将Html网页部署到服务器中，Apache是Web服务器软件

html元素：
1.块级元素：独占一行空间，不能将块级元素嵌套到行内元素中
                   可自动换行，设置margin以及padding都有效。
                   默认宽度为100%
                   高度由子元素及内容决定
                   可通过css样式决定它的宽度
                   元素：html body div p h1-h6 ul-li ol-li footer 
                             header nav aside address section artical等等。
2.行内元素：与其他元素共享一行空间，一般被嵌套在块级元素中
                    高度由自身决定，可设置margin左右方向，设置padding无效
                    元素：span a img b i em sub sup...
html属性：
                  属性名="属性值"    <p class="属性值">
                  核心属性：id  class style title

实体：字符实体：&nbsp----空格；&lt；---小于号等等

列表：ol有序列表
          ul无序列表
          dl：子元素dt：标题
                子元素dd：列表项

超链接a标签：规定在何处打开链接文档  href
                        target取值：_self (默认，在当前选项卡打开新页面) 
                                            _blank(在新选项卡打开新页面)

表格：table{
                      caption 标题
                      colgroup 列分组：定义一个表中的一组列， 只能作为table的子元素，位于                                                                   <caption>元素后，其他元素之前。
thead    tbody     tfoot
tr 行 ;th  表头单元格; td
colspan 跨列数     rowspan  跨行数
col ：定义一个表中的列，经常作为<colgroup>元素的子元素。
例：<colgroup>
        <col style="background-color: antiquewhite;" span（跨列数，即规定有几列可以作为同一               列）="2">
        </colgroup>
}

header  footer   
nav：可以用作页面导航的链接组
article：文档
section:文档独立的功能
address
aside

from表单:用于用户与程序的交互。一般配合label标签：用于描述目的。
               <label for（与为设定标题的表单控件的ID值一致）=“”></label>
属性：
        method：方法，常用get/post
        action：处理表单应用程序地址

input控件：type="控件类型"      取值：text，password，checkbox(复选)，radio(单选)，submit，                                                               reset(重置)，file(文件)，hidden(隐藏域)，image，button
其他属性：name,value,checked,disabled,size
select：下拉列表         option：选项
textarea：多行文本框
audio：音频 
video：视频