【HTML基础】HTML基本语法
HTML语法
1.单标记
HTML中是不区分大小写的，空格与回车在其中无效果
HTML中用于描述功能的符号称为“标记”，单标记是其中的一种。
单独使用单标记就可以表达完整的意思，使用一对尖括号将标记名称括起来就能表示一个单标记了。
换行单标记:
<br>为了展示br单标记的效果，我们来看下面一段代码：
<html>
<head>
<meta charset="UTF-8">
<title>br标记示例</title>
</head>
<body>
这是第一行。
这是第二行。
这是第三行。
点赞
收藏
关注
</body>
</html>网页效果：
在这里插入图片描述
可以发现，代码中看似不同行的内容，在浏览器窗口中被显示在同一行，而这时候br单标签就能实现换行操作。
添加br标记：
<html>
<head>
<meta charset="UTF-8">
<title>br标记示例</title>
</head>
<body>
这是第一行。<br>
这是第二行。<br>
这是第三行。<br>
点赞<br>
收藏<br>
关注
</body>
</html>添加br标记后的网页效果：
在这里插入图片描述
单标签还有：
<HR>
<!=绘制水平线-->
<BASEFONT>
<!=设置渲染文本时作为默认字体的基础字体值。-->
<COL>
<!=指定基于列的表格默认属性。-->
.....2.双标记
双标记由首标记和尾标记两部分构成，必须成对使用； 首标记告诉Web浏览器从此处开始执行该标记所表示的功能； 尾标记告诉Web浏览器在此处结束该标记；
注意：左尖括号与右尖括号是任何标记的开始和结束，双标记中结束的标记总是在开始标记前加一个斜杠/
部分双标记示例：
<html>...</html><!=html开始与结束--><head>...</head><!=头部内容--><body>...</body><!=主体内容--><b>...</b><!=加粗--><i>...</i><!=斜体--><u>...</u><!=下划线字体--><p>...</p><!=段落o--><s>...</s><!=删除线字体-->为了展示标记的效果，我们看下面代码：
<html>
<head>
<meta charset="UTF-8">
<title>标记示例</title>
</head>
<body>
这是第一行。<br>
<p>这是一个段落</p><br>
<b>加粗--</b>
<i>斜体--</i>
<u>下划线--</u>
<s>删除线</s><br>
<hr>
<b><i>点赞</i></b><br>
<s><i>收藏</i></s><br>
<b><u><i>关注</i></u></b>
</body>
</html>网页效果：
在这里插入图片描述
3.属性
HTML使用标记告诉浏览器如何展示网页，在此同时，还可以为标记元素附加一些信息，这些附加信息就是属性。 没有声明属性的标记，不代表没有属性，而是使用的默认属性。
在上文的展示中，我们是到了hr单标签可以在网页中绘制一条水平线，没有声明属性，默认就是实线，颜色是黑色。
<hr>让我们来为它声明一些属性，改变其形态：
<html>
<head>
<meta charset="UTF-8">
<title>标记示例</title>
</head>
<body>
<p>这是一个段落</p><br>
<hr size=50px color=greenyellow>
<hr>
<hr size="8px" align ="center" color=red>
<b><i>点赞</i></b><br>
<s><i>收藏</i></s><br>
<b><u><i>关注</i></u></b>
</body>
</html>网页效果：
在这里插入图片描述
通过代码中hr标签声明不同属性展示效果的对比，可以明显体会到属性的作用，可以按照爱好调整标签的样式属性。
属性语法基本就是： 属性名与标签名需要空格间隔开，属性值可用 “” 括起来，也可不用。
<标签名称 属性名1 = "属性值" 属性名2 = 属性值>
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-09-14，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
