web前端代码基本用法
<html>
<head><meta charset="utf-8"><!-- charset 属性规定 HTML 文档的字符编码。要是没有规定字符编码的话是有可能乱码的 -->待到秋来九月八(head)<!-- 头部就是直接写在最上面的文字,此时若是body什么格式也没有,直接出现文字的话,他是会直接接在head后面的 -->
</head>
<body>我花开后百花杀(body)<!-- 这里就会直接接到上面去了 --><!-- 这是一个注释的标签 --><h1>这是一级标题</h1><h6>这是六级标题,是最小的</h6><p>这就是一个段落标签</p><p>与上面的段落就是会有空行的效果</p>啥也不不写直接写字也可以显示出来编写的时候回车在网页中是现实不出回车的效果的<br>在这里就是回车的效果,他是仅仅跟着上面的话的,没有空行的效果<h3>水平线</h3><hr color="red"><hr color="blue"><hr color="aqua"><!-- hr是一个水平线的标签 --><h3>字体</h3><b>这是粗体字</b><br><i>这是斜体字</i><br><ins>这是插入子,就是加下划线</ins><br><del>这是删除字,就是在字中间画横线</del><h3>这是表格的各种内容</h3><table border="1px" width="50%" height="100px"><!-- boder参数用来设置边框大小 width宽度(可以使用百分比) height是高度 --><!-- <table>-表格 <tr>行 <td>单元格 <th>具中且加粗--><tr><th colspan="3">课程表</th><!-- colspan是合并列 --><tr><tr><!-- rowspan是合并行 --><th rowspan="2">周一</th><th>数学</th><th>语文</th></tr><tr><th>英语</th><th>物理</th></tr></table><h3>pre 是一个保留格式的标签,就是原本格式是什么样子的,它就怎么给你输出</h3><pre><b><i><ins><del>距离边缘俩个tab距离边缘一个tab这个空格是以记事本的边为标准的这里就可以配合字体使用了,可以结合多种样式,我直接结合上面的四种样式</pre></i></b></ins></del> <div><span>123456</span><span>456789</span></div><!-- div时块级元素,不同的div之间时会分行隔开的。span是行内元素,不同的span在同一个div内会以空格的形式隔开--><div>123456</div><br><a href="https://www.baidu.com">百度</a><!-- 不管是网络路径还是本地路径都可以进行超链接 --><img src="Baidu.png" title="点击一下,进入百度"></body></html>
div和span的效果