HTML笔记

1.简介概念

    1）HTML：超文本标记语言。

    2）浏览器内核（渲染引擎）：读取网页内容，整理讯息，计算网页的显示方式并显示页面。

    3）Web标准：W3C。

        原因：浏览器不同，他们显示页面或者排版就有些许差异。

        优点：

            1 让Web发展前景更广阔。

            2 内容能被更广泛的设备访问。

            3 更容易被搜索引擎搜索。

            4 降低网站流量费用。

            5 使网站更易于维护。

            6 提高页面浏览速度。

    4）Web标准构成

        主要包括结构、表现和行为。

        1 *结构：用于对网页元素进行整理和分类，HTML。

        2 表现：用于设置网页元素的版式、颜色、大小等外观样式，CSS。

        3 行为：指网页模型的定义以及交互的编写，JS。

2.HTML骨架

    1）  --当前页面采用的是HTML5版本来显示网页，必须写在第一行，叫做文档类型声明标签。

    2）  --或zh-CN（推荐）

    3）  --规定HTML文档应该使用哪种字符编码。

3.标签

    1）标签的语义：标签是用来干什么的。

    2）常用便签

        1 标题标签：

-

-

        2 段落和换行标签：

、

        3 文本格式化标签：

            加粗：或

            倾斜：或

            删除线：或

            下划线：或

        4 布局标签，无语义：

和

            div：单独占一行，大盒子

            span：一行可以多个，小盒子

        5 图像标签：

            src为必须属性。

            alt为替换文本，图像显示不出来用文字替换。

            title、width、height、border

        6 超链接标签：

            href：用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能。

            target：用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。

            *分类：外部链接、内部链接、空链接#、下载链接（地址链接是文件）、网页元素链接（文本、图片等）、锚点链接（快速定位到页面中的某个位置id="two"-->href="#two"）

        7 注释标签：

        8 表格：

            

                

                    

--表头单元格，加粗居中显示

                    

                

                或

                

                    

                        

                        

                    

                

                

            

            align(left/center/right)：规定表格相对周围元素的对齐方式。

            border：默认无边框，为1表示有边框。

            cellpadding(像素值)：规定单元边沿与其内容之间的空白，默认像素1。

            cellspacing(像素值)：规定单元格之间的空白，默认像素2。

            width(像素值或百分比)：规定表格的宽度。

            *合并单元格：

                跨行合并：rowspan="合并单元格的个数"

                跨列合并：colspan="合并单元格的个数"

                合并后要删除多余单元格

        9 列表

            分类：有序列表，无序列表，自定义列表

            无序列表：

前面默认是小黑圆点,ul里面只能是li。

            有序列表：

            自定义列表：

                

                    

--项目或名字

                    

                    

                

        10 表单

            包含：表单域、表单控件（表单元素）、提示信息。

            

            属性：

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

                method：get/post，用于设置表单数据的提交方式。

                name：名称，以区分同一页面中多个表单域。

            表单元素：

                

                    属性：

                    type：button、checkbox、file、hidden、image、password、radio、reset、submit、text

                    name、value、checked、maxlength

                    *单/复选框必须都有相同的name，单选框才能实现单选。

                

                    

                

                

        11 label

            为input元素定义标注，用于绑定一个表单元素（通过for=id属性），当点击label文本时，浏览器自动将焦点/光标转到表单元素上。

4.路径

    1）目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，如html文件、图片等。

    2）根目录：打开目录文件夹的第一层就是根目录。

    3）相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。

    4）绝对路径：指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。--比较少使用

5.特殊字符

    空字符： 

    <：<

    >：>

    &：&

    ￥：¥

    版权C套圈：©

    注册商标R套圈：®

    摄氏度小圈圈：°

    +加-：±

    X：×

    除号：÷

    平方2²：²

    立方3³：³

————学习笔记