web基础学习笔记(一)之标题、超链接、列表、图片

tech2023-01-11  121

学习web的第一天

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>第一个web项目</title> </head> <body> <button onclick="alert('好好写')">按钮</button> <div><span><font color="red" face="楷体" size="67">我是字体标签</font></span></div> <!--color修改颜色 face修改字体 size修改大小--> <br/>我是&lt;br&gt;标签 <!--&lt小于号 &gt大于号 &nbsp空格--> <br/><h1 align="center">一级标题</h1> <!--居中--> <br/><h2 align="left">二级标题</h2> <!--左对齐--> <br/><h3 align="right">三级标题</h3> <!--右对齐--> <br/><h4>四级标题</h4> <br/><h5>五级标题</h5> <br/><h6>六级标题</h6> <!--超链接--> <br/><a href="http://www.baidu.com"><font color="red">百度</font></a> <!--target选择打开网页模式--> <br/><a href="http://www.baidu.com" target="_self"><font color="blue">百度</font></a> <ul type="square"> <!--ul无序列表 li列表项 type:circle是空心圆 disc是实心圆 square是正方形 none是没有--> <li>张学友</li> <li>郭富城</li> <li>刘德华</li> <li>黎明</li> </ul> <ol> <!--有序列表--> <li>张学友</li> <li>郭富城</li> <li>刘德华</li> <li>黎明</li> </ol> <!--相对路径: . 表示当前文件所在位置 .. 表示当前文件所在的上一层目录 文件名 表示当前文件所在目录文件,相当于./文件名 绝对路径: 格式是: http://ip:port/工程名/资源路径 --> <img src="timg.jpg" alt="" width="50" height="50" border="1"/> <!--boder边框 alt图像的备选文本,供图像无法显示时采用--> </body> </html>
最新回复(0)