HTML学习日记——DAY01(基本标签)

今天我正式步入web开发中的html的学习了今天主要针对HTML的基本标签展开了学习1.HTML初始的一个标签组成!--声明当前文档的类型是html-- !DOCTYPE html !--设置网页语言-- html langen !--网页头元素标签-- head !--设置html编码是UTF-8-- meta charsetUTF-8 !--设置移动端缩放比例-- meta nameviewport contentwidthdevice-width, initial-scale1.0 !--网页的标题-- titleday01/title /head body /body /html2.n级标题的标签语法hn 内容 /hn!--标题只有六级过了之后就是普通文本了-- h1测试几级标题/h1 h2测试几级标题/h2 h3测试几级标题/h3 h4测试几级标题/h4 h5测试几级标题/h5 h6测试几级标题/h6 h7测试几级标题/h73.HTML中的注释语法!--注释内容--4.换行标签语法br!--测试换行-- br测试换行br 第1行br 第2行br 第3行br5.段落标签语法p段落中的内容/p!--测试段落-- p段落1,这是段落1/p p段落2,这是段落2/p p段落3,这是段落3/p6.水平线标签语法hr size高度 noshade color水平线的颜色 width占一行的多少!--水平线标签-- 下面是水平线br hr size 10,noshade colorred,width 80%7.文字样式操作标签加粗标签strong/strong斜体标签i/i中划线标签del/del字体样式标签font color 字体颜色 size 大小 face字体名/font!--文字样式测试-- !--测试加粗-- strong测试加粗/strongbr !--测试斜体-- i测试斜体/ibr !--测试下划线-- u测试下划线/ubr !--测试中划线-- del测试中划线/delbr !--字体标签用于更改字体-- font colorred size 7 face 华文彩云测试字体/fontbr8.标签是可以重复使用的只需要对应好关系就好!--标签可以叠加使用-- delifont colorblue size 7 face 华文彩云测试标签叠加/font/i/delbr9.图片标签语法img src图片链接 width 宽度 height高度 title图片名 alt如果加载失败会显示的!--测试图片-- img src https://ts1.tc.mm.bing.net/th/id/R-C.c1bf9b1414e92190f2ff58dcbcc63fe5?rikSMCsXze34Dqcywriuhttp%3a%2f%2fseopic.699pic.com%2fphoto%2f50085%2f2259.jpg_wh1200.jpgehkOIinHBFGcM0%2bxJ0W4ho8psSYzT30Fz1CU1RMOw1%2fJgA%3drislpidImgRawr0,width 60,height 50,title 我的图片,alt图片br10.超级连接语法a href连接的网址/a!--测试超级连接-- a hrefhttp://baidu.com target_blank title百度一下百度/a11.中心位置标签center/center12.制表标签(1)无序号图案表语法ul type图案名/ul!--disc实心圆 circle空心圆 square实心方框--(2)有序号表语法ol type序号类型/ol 类型1 A a I i3自定义表语法dldt 组名dd组内信息名/dlul typedisc!--disc实心圆 circle空心圆 square实心方框-- li第一列/li li第二列/li li第三列/li /ulbr !--有序号列表-- ol typeI!--1 A a I i-- li第一行/li li第二行/li li第三行/li /ol !--定义性列表-- dl dt第一组/dt dd第一组第一行/dd dd第一组第二行/dd dt第二组/dt dd第二组第一行/dd dd第三组第二行/dd /dl