基础标签

标签描述

-

定义标题，h1最大，h6最小定义文本的字体，字体尺寸，字体颜色定义粗体文本定义斜体文本定义文本下划线
定义文本居中

定义段落
定义换行，单标签

定义水平线，单标签

font标签

属性：

        color:文本颜色，

                使用英文字母：例如"green","red"

                使用十六进制RGB，例如：#xxyyzz xx表示red的值,yy表示green的值,zz表示blue的值

        size:字体大小，属性值大小1~7，默认值为3

        face:字体样式，例如"楷体","宋体"

vscode_fristCode

你好

hello 红色

你好

你好

i,b标签

我是倾斜的

我是加粗的

我又是加粗又是倾斜

标签，
标签，
标签

小明
小美


哈哈哈

标签

你好呀哈哈哈

你有好好好

特殊符号

<:<

>:>

版权符号:© 

图片，音频，视频标签

使用标签引入图片

        属性

                src:表示引入图片的路径，例如"../img/小熊.jpg"，..表示上一级目录

                heigth,width

引入音频

        属性

                src:表示引入音频的路径

                controls:属性值可以不写，该属性表示播放控件，如果不加此属性就无法播放

        属性

                src:表示引入视频的路径

                controls               

   注意：src引入的路径不能是本地路径（D盘，C盘之类的），必须在此项目中

                audio，video必须写controls属性，不然无法播放

Document

前端 javascript mybatis jvm mysql ecmascript html的标签 第2张

超链接标签

a标签

        属性

                href:"http://www.baidu.com" 表示跳转到的地址

                target:1._blank:表示该网址以新的窗口打开

                        2._self:表示该网址以当前窗口打开，默认值

Document

百度

新的窗口打开百度

列表标签

1.有序标签 ol

2.ol和ul以及li标签上都有一个type属性，表示当前列表类型

        type属性表示列表属性，默认值是1，然后子标签li依次递增

        type属性：1 A a i  I 

 3.ol>li*3 回车  ，然后就会在ol标签中生成三个li标签

Document

  1. 小明

  2. 小美

  3. 小何

  1. 小明

  2. 小美

  3. 小何

  1. 小明

  2. 小美

  3. 小何

1.无序列表 ul

2.type属性

        1）circle:空心圆

        2）square:实心方形

        3）disc:实心圆（默认值）

  • 哈哈

  • 绘画

  • 零零

  • 哈哈

  • 绘画

  • 零零

  • 哈哈

  • 绘画

  • 零零

表格标签

table标签  table>tr*4>td*4  -->表示生成四行四列的表格

        子标签：：

                1）行标签：tr

                        属性

                                align="center",-->表示整行内容居中，还有"rigth","left"(默认值，内容居左)

                2）列标签：td th

                        注意：th表示表格标题标签，内容自动加粗和居中显示

        属性

                1）border="1px"-->表示表格边框

                2）cellspacing="0px"-->表示表格单元格之间的距离为0，即没有距离

                3）width="50%"-->表示表格标签宽度占页面的50%

            

Document

序号logo品牌名称企业名称
001前端 javascript mybatis jvm mysql ecmascript html的标签 第3张hhhh
002前端 javascript mybatis jvm mysql ecmascript html的标签 第3张aaaa
003前端 javascript mybatis jvm mysql ecmascript html的标签 第5张cccc

表格标签实现跨行和跨列

实现跨行：使用td,th列标签的属性rowspan,该属性表示跨行，值为几跨几行

Document

姓名学号
赫赫235009
235008
据据233006

实现跨列：使用td,th列标签的属性colspan,该属性表示跨列，值为几跨几列

Document

姓名学号
赫赫234009234008
啊啊236007236006

布局标签

div标签：块级标签即单独占一行的标签，如h1~h6,p ,br

span标签：属于行内标签，共处一行的标签，img,a等 

表单标签

使用form标签

        属性

                1）action:表示将收集的数据提交到具体后台服务器的地址

                2）method:提交数据到后台的方式（请求方式） ：get,post

子标签

        :表单项，通过type属性控制输入形式

        

type属性值描述text默认值，定义单行的输入字段password定义密码字段radio定义单选字段checkbox定义复选框file定义文件上传按钮hidden定义隐藏的输入字段submit定义提交字段，会把表单数据提交到服务器reset定义重置字段，清空表单数据button定义可点击按钮

Document

用户名:

密码:

性别: 男 女

爱好:篮球 足球


       

       

精彩文章

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。