前端-1-基础-CSDN博客

本文链接：https://blog.csdn.net/qq_38328762/article/details/99541322

这篇博客介绍了前端开发的基础知识，包括设置编码、基本HTML标签的使用，如无序列表和有序列表，表格的创建以及如何合并行和列，还有表单标签的讲解。此外，还提到了div和span的区别，div作为块级标签可以设置宽高，而span作为行内标签不可设置宽高。

摘要由CSDN通过智能技术生成

设置编码
```
<meta charset="UTF-8"> 
```

基本标签

<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>

<p> 段落 </p>	不会自动换行，只有占满一行才换行

<br/> 换行

<strong> 字体加粗 </strong>
<em> 斜体 </em>

空格 &nbsp;
大于号 &gt;  小于号 &lt; 
引号 &quot;

# 图片标签
<img src="path" alt="代替文字" title="鼠标悬停提示文字" width="300px" height="300px" />

# 超链接
<a href = "path" target="目标窗口位置">链接描述</a>
# target="_self" ：不会打开新的窗口
# target="_blank" ：打开新的窗口

<a href="#mya"> 锚链接【本页跳转】 </a>
<a name="#mya"> 锚链接跳转的地方 </a>

<a href="./2-.html#mya"> 锚链接【两个页面间跳转】 </a>  <!-- 1-.html 页面 -->
<a name="#mya"> 锚链接跳转的地方 </a>     <!-- 2-.html 页面 -->

<a href="mailto:邮箱地址>联系我们</a>

<a href="path">
	<img src="img_path" alt="图片不存在"/>
</a>

列表

ul、ol里面只能放li，li可以放其他各种标签

无序列表

<ul>
	<li>苹果</li>
	<li>火龙果</li>
	<li>西瓜</li>
</ul>

有序列表

 <ol>
  	<li>苹果</li>
  	<li>火龙果</li>
  	<li>西瓜</li>
 	</ol>

表格标签

ps:合并行和列都是在 td 中操作，合并列 colspan=“列数”；合并行 rowspan="行数"
注意：浏览器会自动在tr标签外面嵌套一个 tbody 标签

第一个表格：
```
<ta
```