html元素基础语法

王阿文要努力啊

于 2020-07-16 14:47:25 发布

阅读量331

点赞数

本文链接：https://blog.csdn.net/WangaWen1229/article/details/107381540

版权

1.简单例子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <p>我的第一个段落</p>
</body>
</html>

在这里插入图片描述
2.HTML标题

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <h2>我的第一个标题</h2>
  <h3>我的第一个标题</h3>
  <p>我的第一个段落</p>
</body>
</html>

HTML标题是通过

-

标签来定义的。

3.HTML段落

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <h2>我的第一个标题</h2>
  <h3>我的第一个标题</h3>
  <p>我的第一个段落</p>
  <p>我的另外一个段落</p>
</body>
</html>

在这里插入图片描述
4.HTML链接

<a href="http://www.baidu.com">这是一个链接</a>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <h2>我的第一个标题</h2>
  <h3>我的第一个标题</h3>
  <a href="http://www.baidu.com">这是一个链接</a>
  <p>我的第一个段落</p>
  <p>我的另外一个段落</p>
</body>
</html>

5.HTML图像

<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594890896369&di=c32dc708a45eaae39fed1e4738cb473e&imgtype=0&src=http%3A%2F%2Fp0.ifengimg.com%2Fpmop%2F2018%2F0910%2FA13AFF25F3140C3AF6E4A56B1C7B9546474FBCC6_size65_w440_h609.jpeg"/>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>牛客教程</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <h2>我的第一个标题</h2>
  <h3>我的第一个标题</h3>
  <a href="http://www.baidu.com">这是一个链接</a>
  <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594890896369&di=c32dc708a45eaae39fed1e4738cb473e&imgtype=0&src=http%3A%2F%2Fp0.ifengimg.com%2Fpmop%2F2018%2F0910%2FA13AFF25F3140C3AF6E4A56B1C7B9546474FBCC6_size65_w440_h609.jpeg"/>
  <p>我的第一个段落</p>
  <p>我的另外一个段落</p>
</body>
</html>

在这里插入图片描述
6.HTML元素语法
元素的内容是开始标签与结束标签之间的内容
某些HTML元素有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数HTML元素可拥有属性
7.HTML空元素
没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭元素的空元素（<br>标签定义换行）
在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如<br />,是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。

王阿文要努力啊

关注

0
点赞
踩
0

收藏

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

1.简单例子<!DOCTYPE html><html><head><meta charset="utf-8"><title>牛客教程</title></head><body> <h1>我的第一个标题</h1> <p>我的第一个段落</p></body></html>2.HTML标题<!DOCTYPE h
复制链接

扫一扫