web-html的基本用法

偷吃"游"的阿彪

2024-04-24 帮助1人

web前端代码基本用法

<html>
<head>
<meta charset="utf-8">
待到秋来九月八（head）
</head>
<body>
我花开后百花杀（body）
<h1>这是一级标题</h1>
<h6>这是六级标题，是最小的</h6>
<p>这就是一个段落标签</p>
<p>与上面的段落就是会有空行的效果</p>
啥也不不写直接写字也可以显示出来
编写的时候回车在网页中是现实不出回车的效果的
<br>在这里就是回车的效果，他是仅仅跟着上面的话的，没有空行的效果
<h3>水平线</h3>
<hr color="red">
<hr color="blue">
<hr color="aqua">
<h3>字体</h3>
<b>这是粗体字</b>
<br>
<i>这是斜体字</i>
<br>
<ins>这是插入子，就是加下划线</ins>
<br>
<del>这是删除字，就是在字中间画横线</del>
<h3>这是表格的各种内容</h3>
<table border="1px" width="50%" height="100px">
<tr>
<th colspan="3">课程表</th>
<tr>
<tr>
<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>
123456
</div>
<br>
<a href="https://www.百度.com">百度</a>
<img src="Baidu.png" title="点击一下,进入百度">
</body>
</html>

div和span的效果

学新通

这篇好文章是转载于：学新通技术网

web-html的基本用法

photoshop保存的图片太大微信发不了怎么办

《学习通》视频自动暂停处理方法

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

怎样阻止微信小程序自动打开

TikTok加速器哪个好免费的TK加速器推荐