HTML初学

-cc- Lynn

已于 2022-07-05 14:25:06 修改

阅读量60

点赞数

分类专栏： web 文章标签： elementui eureka webview

于 2022-06-15 09:01:06 首次发布

本文链接：https://blog.csdn.net/Lynntureture/article/details/125267940

版权

web 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
```
<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
```
这大概是一个简单的HTML的框架，记住即可。

<html> 元素定义了整个 HTML 文档。

<body> 元素定义了 HTML 文档的主体

HTML标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <h1>heading</h1>
    <h2>heading</h2>
    <h3>heading</h3>
    <title>Title</title>
</head>
<body>
</body>
</html>

实践出真知！放入编译器中尝试一下！！！

HTML段落

HTML 段落是通过 <p> 标签进行定义的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>段落</p>
<p>段落</p>
<p>段落</p>
</body>
</html>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="http://www.sina.com.cn">This is a sina</a>
</body>
</html>

上述代码，将新浪的链接放在一个“This is a sina”中

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img src="abc.jpg" width="104" height="142" /></body>
</html>

width 和 height 确定显示图片窗格的大小。

HTML 元素语法

HTML 元素以开始标签起始如<p>/<a>/<br >
HTML 元素以结束标签终止如</p>/</a>
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

【注】开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落