html基础

最新推荐文章于 2023-03-06 17:15:50 发布

平安喜乐Alice

最新推荐文章于 2023-03-06 17:15:50 发布

阅读量143

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_44095347/article/details/107727202

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

html超文本标记语言

1、结构

<!DOCTYPE html> 声明为 HTML5 文档   
（不区分大小写，必须放在文档的第一行）
<html> 元素是HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容

2、标签属性（不要忘记结束标签）
下面展示一些 内联代码片。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标题</title>
	<style type="text/css">	<!-- 这是样式标签 -->
		table{color:red;}
		ul,ol{color:blue;}
	</style>
</head>
<body>
	<p>段落标签</p>
	<h1>标题1</h1>
	<h6>标题6</h6>
	<i>斜体</i>	<em>斜体</em>
	<b>粗体</b>	<strong>粗体</strong>
	<p>这是<sup>上标</sup>，这是<sub>下标</sub></p>
	<hr/> <!--这是水平线-->
	&lt;这是&nbsp;特殊符号&gt;
	<ul>
		<li>这是无序列表1</li>
		<li>这是无序列表2</li>
	</ul>
	<ol>
		<li>有序列表1</li>
		<li>有序列表2</li>
	</ol>
	<dl>
		<dt>列表1</dt>
		  <dd>描述</dd>
		<dt>列表2</dt>
		  <dd>描述</dd>
    </dl>
    <!-- 这是一个表格 -->
    <table border="1">
     <tr>
     	<th>1</th>
     	<th>2</th>
     </tr>
     <tr>
    	<td>11</td>
    	<td>22</td>
     </tr>
    </table>
    <a href="https://blog.csdn.net/">这是一个网页链接</a>
    <br>  <!-- 换行标签 -->
	<a href="mailto:XXXX@qq.com">电子邮件链接</a>
</body>
</html>

运行结果：
在这里插入图片描述

平安喜乐Alice

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础

html超文本标记语言1、结构<!DOCTYPE html> 声明为 HTML5 文档（不区分大小写，必须放在文档的第一行）<html> 元素是HTML 页面的根元素<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容2、标签属性（不要忘记结束标签）下面展示一
复制链接

扫一扫