web-html的基本用法

偷吃"游"的阿彪

已于 2023-07-12 13:26:08 修改

阅读量963

点赞数

分类专栏： web 文章标签：前端

于 2023-07-07 13:56:05 首次发布

本文链接：https://blog.csdn.net/h1825819493/article/details/131553580

版权

web 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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的效果