添加链接描述
html: hyper text markup language 超文本标记语言
描述性语言：描述数据
语法：标签：标签格式：< 标签名属性名 = 属性值属性名 = 属性值> </ 标签名> 1 html是纯文本的：只要能操作操作文本的软件都可以作为html的编辑软件：
2 html后缀必须是.html/.htm
3 浏览器内置有解析html的引擎(解析程序) 可以通过浏览器运行html
4 html非严谨性语言：：不区分大小写(标签名和属性名大写)+语法要求宽松
5 标准的html文件：跟标签是html，html中两个子标签：head标签+body标签
6 head标签中：对整个页面属性的设置
body标签中：页面要展示的数据
7 标签之间合理嵌套：<a><b>数据</b></a>
外面的标签是父标签 a
里面的标签是子标签 b
8 有些标签没有要封装的数据：内部闭合标签： <标签名 属性名=属性值/>
9 属性格式：属性名=属性值：：：属性值可以写在单引号/双引号 或者不加引号
10 标签类语言的统一注释： <!-- 注释的内容-->
11 使用字符实体来表示 特殊字符：： 格式：&xxx;
< html> < head> < title> </ title> < metacharset = " gbk" /> </ head> < body> < fontcolor = " red" > </ font> < br/> < b 大于号> < br/> 空格< br/> ' < br/> " < br/> </ body> </ html> 文本标签：封装的数据是文本
行标签：不带换行概念的标签
< hr/> < h1> </ h1> < fontcolor = " red" size = " 3" > </ font> < br/> < fontcolor = " blue" > </ font> < br/> < fontcolor = " #ff0000" > </ font> < br/> < fontsize = " 1" > </ font> < br/> < fontsize = " 3" > </ font> < br/> < fontsize = " 6" > </ font> < br/> < fontsize = " 7" > </ font> < br/> < fontsize = " 8" > </ font> < br/> < fontsize = " -1" > </ font> < br/> < fontsize = " -2" > </ font> < br/> < fontsize = " +1" > </ font> < br/> < fontsize = " +4" > </ font> < br/> < fontsize = " 4" > </ font> < br/> < br/> < b> </ b> < br/> < i> </ i> < br/> < u> </ u> < br/> < s> </ s> < br/> < sub> </ sub> < br/> < sup> </ sup> < br/> < sup> </ sup> < br/> < sub> </ sub> < sup> </ sup> < br/> 封装文本 有换行功能
< h1> </ h1> < br/> < br/> < h1align = " center" > </ h1> < h2> </ h2> < h6> </ h6> < h3> </ h3> < h4> </ h3> < center> </ center> < center> </ center> < palign = " right" > </ p> < p> </ p> < hrwidth = " 1820px" /> < hrwidth = " 80%" align = " right" /> < hrwidth = " 80%" size = " 10px" color = " red" /> < hrwidth = " 80%" size = " 1px" /> < hrwidth = " 80%" size = " 8px" color = " blue" align = " left" /> < pre> </ pre>
< h1> </ h1> < ul> < li> </ li> < li> </ li> < li> </ li> </ ul> < ultype = " circle" > < li> </ li> < li> </ li> < li> </ li> </ ul> < ultype = " square" > < li> </ li> < li> </ li> < li> </ li> </ ul> < ultype = " disc" > < li> </ li> < li> </ li> < li> </ li> </ ul> < h1> </ h1> < ol> < li> </ li> < li> </ li> < li> </ li> </ ol> < oltype = " a" > < li> </ li> < li> </ li> < li> </ li> </ ol> < oltype = " A" > < li> </ li> < li> </ li> < li> </ li> </ ol> < oltype = " i" > < li> </ li> < li> </ li> < li> </ li> </ ol> < oltype = " I" > < livalue = " 9" > </ li> < li> </ li> < li> </ li> </ ol> < oltype = " 1" > < li> </ li> < li> </ li> < li> </ li> </ ol>
< imgsrc = " https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg10.51tietu.net%2Fpic%2F2019-083017%2Fsw44qjkkmi1sw44qjkkmi1.jpg&refer=http%3A%2F%2Fimg10.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666851939&t=ff0a283920a40234e3969d1fb0965970" /> < imgsrc = " file://C:/Users/Administrator/Desktop/img/99.jpeg" /> < imgsrc = " file://C:\Users\Administrator\Desktop\img\66.jpeg" /> < imgheight = " 50%" width = " 50%" src = " ../img\66.jpeg" /> < imgsrc = " ../img\55.jpeg" /> < imgheight = " 100px" width = " 100px" src = " ../img\55.jpeg" /> < imgheight = " 50%" width = " 50%" src = " ../img\55.jpeg" /> < imgheight = " 50%" width = " 50%" src = " ../img\51.jpeg" alt = " 加载失败" />
< h1> </ h1> < aname = " aa" > </ a> < a> </ a> < br/> < ahref = " #" > </ a> < br/> < ahref = " https://www.baidu.com/" > </ a> < br/> < ahref = " file://C:\Users\Administrator\Desktop\java43课堂记录\01.html" > </ a> < br/> < ahref = " 01.html" > </ a> < br/> < ahref = " mailto:miaotianbao@163.com" > </ a> < br/> < ahref = " thunder:xxxxxxx" > </ a> < br/> < fontid = " font1" > </ font> < br/> < scripttype = " text/javascript" >
document. getElementById ( "font1" ) . innerHTML= ( new Date ( ) . getTime ( ) + "" ) . fontcolor ( "red" )
</ script> < ahref = " https://www.baidu.com/" target = " _blank" > </ a> < br/> < ahref = " https://www.baidu.com/" target = " _self" > </ a> < br/> < imgheight = " 50%" width = " 50%" src = " ../img\55.jpeg" /> < br/> < imgheight = " 50%" width = " 50%" src = " ../img\66.jpeg" /> < br/> < imgheight = " 50%" width = " 50%" src = " ../img\99.jpeg" /> < br/> < ahref = " #aa" > </ a> 让数据以行列的格式来展示
< tablewidth = " 800px" height = " 400px" align = " center" border = " 5px" borderColor = " red" bgColor = " #aaaaaa" background = " file://C:\Users\Administrator\Desktop\img\99.jpeg" > < captionalign = " center" > </ caption> < tbody> < tr> < th> </ th> < th> </ th> < th> </ th> < th> </ th> </ tr> < trheight = " 100px" align = " center" bgColor = " #aaaaaa" background = " file://C:\Users\Administrator\Desktop\img\66.jpeg" > < td> </ td> < td> </ td> < td> </ td> < td> </ td> </ tr> < tr> < tdcolspan = " 2" > </ td> < tdcolspan = " 2" rowspan = " 3" > </ td> </ tr> < tr> < tdwidth = " 300px" height = " 100px" align = " center" bgColor = " #aaaaaa" background = " file://C:\Users\Administrator\Desktop\img\44.jpeg" > </ td> < td> </ td> </ tr> < tr> < td> </ td> < td> </ td> </ tr> </ tbody> </ table> 实现客户端与服务器端数据交互第二种方式：
< formmethod = " get" action = " http://www.baidu.com" > < inputname = " sname" type = " text" value = " 呵呵" /> < br/> < inputname = " spwd" type = " password" value = " 123" /> < br/> < inputtype = " text" value = " 11" /> < br/> < inputname = " sex" type = " radio" value = " nan" /> < inputname = " sex" type = " radio" value = " nv" checked = " checked" /> < br/> < inputname = " senjoy" type = " checkbox" value = " lq" checked = " checked" /> < inputname = " senjoy" type = " checkbox" value = " zq" checked = " checked" /> < inputname = " senjoy" type = " checkbox" value = " pq" /> < inputname = " senjoy" type = " checkbox" value = " qq" /> < br/> < inputtype = " file" name = " sphoto" /> < br/> < inputtype = " button" value = " 点我没用" /> < br/> < selectname = " sheng" size = " 4" multiple = " true" > < optionvalue = " hn" > </ option> < optionvalue = " jl" > </ option> < optionvalue = " nm" > </ option> < optionvalue = " gx" > </ option> < optionvalue = " hb" > </ option> < optionvalue = " tj" selected = " selected" > </ option> < optionvalue = " xj" > </ option> </ select> < br/> < textareaname = " show" rows = " 4" cols = " 20" > </ textarea> < br/> < inputtype = " reset" value = " 重填" /> < inputtype = " submit" value = " 提交" /> </ form>
< framesetcols = " 25%,75%" border = " 0" > < framesrc = " frame_left.html" noresize = " noresize" name = " f_left" /> < framesetrows = " 33%,*" border = " 0" > < framesrc = " frame_top.html" noresize = " noresize" name = " f_top" /> < framesrc = " frame_buttom.html" noresize = " noresize" name = " f_buttom" /> </ frameset> </ frameset> < html> < head> < title> </ title> </ head> < body> < ul> < li> < ahref = " ../../img/55.jpeg" target = " f_buttom" > </ a> </ li> < li> < ahref = " ../../img/66.jpeg" target = " f_buttom" > </ a> </ li> < li> < ahref = " ../../img/44.jpeg" target = " f_buttom" > </ a> </ li> < li> < ahref = " ../../img/43.jpeg" target = " f_buttom" > </ a> </ li> < li> < ahref = " ../../img/42.jpeg" target = " f_buttom" > </ a> </ li> </ ul> </ body> </ html> < html> < head> < title> </ title> </ head> < body> </ body> </ html>
< h1align = " center" > < fontcolor = " red" > </ font> </ h1> < hrwidth = " 80%" color = " red" align = " center" /> < tablewidth = " 80%" height = " 50px" align = " center" border = " 3px" borderColor = " blue" > < tr> < th> < ahref = " #" > </ a> </ th> < th> < ahref = " #" > </ a> </ th> < th> < ahref = " #" > </ a> </ th> </ tr> </ table> < br/> < br/> < br/> < br/> < tablewidth = " 80%" height = " 400px" align = " center" border = " 3px" borderColor = " blue" > < tr> < tdrowspan = " 7" align = " center" > < imgsrc = " file:///D:\imgs\3.jpg" width = " 260px" /> </ td> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < td> </ td> </ tr> < tr> < tdalign = " right" > </ td> < tdcolspan = " 2" > </ td> </ tr> < tr> < tdalign = " right" > </ td> < tdcolspan = " 2" > </ td> </ tr> </ table>
9294
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
