html常用的文本标签以及属性
目录
html常用的文本标签以及属性
HTML标签
HTML通过一系列的标签(也成为元素),来定义文本,图像,链接等等,HTML标签是由尖括号包围的关键字。
标签通常成对出现,包括 开始标签和结束标签( 也成为双标签),内容位于两个标签之间,例如:
<p>这是一个段落</p>
<hl>这是一个标题</hl>
<a href="#">这是一个超链接</a>
除了双标签,也存在单标签,例如:
<input type="text">
<br>
<hr>
区别是: 单标签 用于 没有内容 的元素, 双标签 用于 有内容 的元素。
HTML的文件结构
<!--这里放置文档的元信息-->
<!DOCTYPE html>
<html>
<head>
<!--这里放置文档的元信息-->
<title>文档标题</title>
<meta charset="UTF-8"> //文件编码的形式
<!--链接外部样式或脚本文件等-->
<link rel="stylesheet" type="text/css" href="styles.css> //外部样式的标签
<script src="script.js"></script>
</head>
<body>
<!--这里放置页面内容--->
<h1>这是一个标题</h1>
<p>这是一个段落</p>
<a href="https://www.example.com">这是一个链接</a>
<!--其他内容-->
</body>
</html>
创建一个文件夹,打开,在文件夹上进入cmd文件,通过code打开当前目录。选择文件,打开文件夹,进行创建html。
直接输入一个 ! 之后,选择一个!按住 Tap键 ,就会出出现 基础格式 。
标签的形式:有6个标签h1……h6分别表示一级标签到六级标签。输入一个h1,自动有h1标签,按住Tap键tap就有一个标签。
<body>
<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
<h3>三级标题标签</h3>
<h4>四级标题标签</h4>
<h5>五级标题标签</h5>
<h6>六级标题标签</h6>
</body>
·还有其他的形式:
<p>
<b>字体加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
</p>
还有其他形式的:无序列表:
- 和有序列表:
<ul>
<li>无序列表元素1</li>
<li>无序列表元素2</li>
<li>无序列表元素3</li>
</ul>
<ol>
<li>有序列表元素</li>
<li>有序列表元素</li>
<li>有序列表元素</li>
</ol>
标题标签:
<table>
<tr> //行标签
<th>列标题 1</th>
<th>列标题 2</th>
<th>列标题 3</th>
</tr>
<tr>
<td>元素 1</td>
<td>元素 2</td>
<td>元素 3</td>
</tr>
<tr>
<td>元素 21</td>
<td>元素 22</td>
<td>元素 23</td>
</tr>
</table>
可以给表格增加一些边框: