常用html标签及其属性

目录

html基本标签

图像标签

超链接标签

列表标签

表格标签

表单标签


网页的基本结构

文档类型声明标签

文档标记标签

文档的头部标签

文档的主体标签

常用html标签及其属性_第1张图片

html基本标签

标题标签

-

                字体逐渐减小

    

h1

h2

h3

h4

h5
h6

段落标签

这是一个段落

斜体标签                字体发生倾斜

这是一个倾斜标签

粗体标签                字体加粗

这是一个粗体标签

水平线标签


                出现条个水平线

换行标签

容器标签

        不换行

       

换行

图像标签

photo

常见图片格式

        (1) jpg        (2) bmp        (3) gif         (4) png

图片路径(src属性)

        1.绝对路径

                含有盘符或完整网络地址

        2.相对路径:自己相对于目标位置

                不带有盘符

                / :根路径

                ./:同级目录        

                ../:上级目录

在图片不能正常加载时显示的提示语(alt属性)

鼠标划上去显示的内容(title属性)

设置图片的宽度和高度(width/height属性)        

超链接标签

点击

target:目标窗口位置

        属性值:_self:自身窗口

                     _blank:新建窗口

a.页面间链接

b.锚链接

        (1)创建跳转链接

                点击

        (2)创建跳转标记

                跳转位置

当href的值为.doc/.ppt类型的文件时 会实现文件下载功能

列表标签

1.无序列表

        

                   

  • 列表项

            

        

        type:

                disc 实心圆(默认)

                circle空心圆

                square方块

2.有序列表

        

                   

  1. 列表项

            

   

        type:

                A大写字母(A-Z)

                a小写字母(a-z)

                1阿拉伯数字(默认)

                I罗马数字(I II III IV)

无序列表和有序列表的列表项均以

  • 标签开始

    3.自定义列表

           

                   

                   

                   

                    ...

           

            dt:列表标题标签

            dd:列表项

    表格标签

    定义表格的标签

    定义表格的行数

    定义表格的单元格

    定义单元格(字体居中加粗)

    cellpadding 内容与单元格间的距离

    rowspan="跨行数"

    colspan="跨列数"

    常用html标签及其属性_第2张图片

    表单标签

         
    定义表单的标签

    属性:

            method   ==>  [get/post]        发送表单数据的方式

            action                            向何处发送表单数据

    表单元素属性

    表单域中的标签

    label标签for属性用于绑定单击文字跳转到对应的输入框(id属性)

    【域】

    将一组表单元素放到域中【域标题】给创建的域设置标题

             type="text" (普通文本框)               type="password"(密码框 加密)

             type="submit"(提交按钮)               type="button"(普通按钮)

             type="radio"(单选按钮)                 type="checkbox"(复选按钮)

             type="reset"(重置按钮)                 type="file"(选择上传文件)

    checked代表默认选中的项             diabaled表示禁用            hidden表示隐藏

    常用html标签及其属性_第3张图片cols:控制宽度        rows:控制高度

    你可能感兴趣的:(html)