HTML学习总结

  文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。

告诉浏览器,搜索引擎这是一个英文网站

采用UTF-8来保存文字,如果不写就会乱码。

....

标题标签共6级,文字加粗一行显示。

 

    1.文本在一个段落中会根据浏览器窗口的大小换行

    2.段落和段落中间保有空隙


 

   
是个单标签

   
标签只是简单的开始新的一行,和段落不一样,段落之间会插入一些垂直的间距。    

文本格式化标签,突出重要性,比普通文字更重要。

    加粗

        倾斜

        删除

        下划线

是division的缩写,表示分割,分区,一行只能放一个,大盒子

表示跨度,跨距,一行可以放多个,小盒子

    图像标签和路径,src是标签的必须属性,它用于指定图像文件的路径和文件名。

     属性:

        alt         替换文本

        title       提示文字 

        width    图像宽度

        height    图像高度

        border    图像边框粗细

超链接标签

    外部标签

        腾讯

        target 打开窗口的方式,默认值是 _self  当前窗口打开页面 _blank 新窗口打开页面

    内部链接:网站内部页面之间的相互链接

    空链接:

    下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

    网页元素链接:在网页的中的各种网页元素,如文本,图像,表格,音视频 都可以添加超链接。

    锚点链接:点击链接,可以快速定位到页面的某个位置。

        在链接文本的 href 属性中,设置

       

注释标签 特殊字符

表格页面

    表格不是用来布局页面,而是用来展示数据

        

  定义表格的标签

       

  定义表格中的行

        

     定义表格的头部

       

     定义表格的主体

    单元格合并

        合并方式

            rowspan 跨行合并,colspan 跨列合并

        目标单元格:(写合并代码)

        合并单元格的步骤:

            (1) 确定跨行,跨列

            (2) 找到目标单元格,写 合并方式="合并的数量"

            (3)删除多余的单元格

列表标签

    表格用来显示数据,列表用来布局

    列表:无序列表

    ,有序列表,自定义列表

        无序列表:

            1.  无序列表中的各个列表项之间没有顺序级别之分,是并列的。

            2. 

      中只能嵌套
    •         3. 

    • 相当于一个容器,可以容纳所有元素 

              4.  无序列表会带有自己的样式属性,但在实际使用时,使用CSS来设置。

          有序列表:自定义列表用于对术语或名词进行解释和描述。

             

                 

                 

表单的构成:表单域,表单控件(表单元素),提示信息

标签用于定义表单域,以实现用户信息的收集和传递。

会把范围内的表单元素信息提交给服务器。

form 属性:

    (1)action 指定url地址

    (2)method 用于设置表单数据的提交方式

    (3)name 用于指定表单的名称


表单控件:输入或者选择的表单控件

    1.input 输入表单元素

    2.select 下拉表单元素

    3.textarea 文本域元素

input 元素通过 

    type 属性实现 单选框,多选框,密码输入。。。。。

        button 点击按钮

        checkbox 定义复选框

        file 定义输入字段和浏览按钮,供文件上传

        hidden 定义隐藏的输入字段

        image 定义图像形式的提交按钮

        password 定义密码字段

        radio 定义单选按钮

        reset 重置按钮,重置按钮会清除表单中的所有数据。

        submit 提交按钮,提交按钮会把数据发送到服务器。

        text 定义单行的输入字段,默认长度20字符。

    name 是表单元素的名称,单选按钮必须有相同的名字,才可以实现多选一。checkbox同理。

    value 规定表单元素的值

    checked 当页面首次加载默认选中,checkbox,radio有效

    maxlength 文本输入的最大值

你可能感兴趣的:(HTML学习总结)

  定义表格中的单元格

       

表头单元格,文字会居中加粗显示

    表格属性(也可以使用CSS)

        align -> left,center,right 规定表格相对周围元素的对齐方式

        border 规定表格单元是否拥有边框

        cellpadding 规定单元格边沿与内容之间的空白,默认1px

        cellspacing 规定单元格之间的空白,默认2px

        width           规定表格的宽度

    表格结构