web-html的基本用法
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.百度.com">百度</a>
-
<!-- 不管是网络路径还是本地路径都可以进行超链接 -->
-
<img src="Baidu.png" title="点击一下,进入百度">
-
-
-
-
-
-
</body>
-
-
-
-
</html>
div和span的效果
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgfbfie
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01