HTML的概述与基本语法

颜尚德

已于 2024-07-11 17:28:31 修改

阅读量390

点赞数 7

分类专栏：前端文章标签： html 前端

于 2024-01-23 20:24:14 首次发布

本文链接：https://blog.csdn.net/2302_77527700/article/details/135426045

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了HTML（超文本标记语言）的基本概念，包括超文本的含义、标记语言的作用以及如何使用标签如<b>、<a>来创建网页内容。同时提到安装前端开发工具HBuilderX和HTML5的使用，以及标签的结构和属性的设置。

摘要由CSDN通过智能技术生成

HTML概述

HTML指的是超文本标记语言(HyperText Markup Language)

超文本:是指页面内包含的内容(图片、链接、声音,视频等)

标记语言:标记-->标签(标注) 买东西-->商品标签(价格,材质,型号......)

标记语言中,就是提供了许多的标签,不同的标签由不同的功能,

最终运行时,由浏览器对标签进行解析,最终呈现出不同标签的样子

<b>你好</b> 加粗

<a href="http://www.baidu.com>html</a> 超链接

用标签描述网页--浏览器-->呈现一个网页的效果

安装前端开发工具

https://www.dcloud.io/

HBuilderX正式版Windows

<!-- 
	声明html语言的版本 html5
 -->
<!DOCTYPE html>
<!-- 
	html标签是标记语言中根标签
 -->
<html>
	<!-- head 头 -->
	<head>
		<meta charset="utf-8" /><!-- 设置解析网页的字符集 -->
		<title>百度一下,你就知道</title>
		<link  href= "img/baidu.ico" rel="icon"/>
	</head>
	<!-- 网页的身体 -->
	<body bgcolor="white"><!-- 背景颜色 -->
		<b>欢迎</b>
		<a href=“http://www.baidu.com” target=“_blank”>百度</a>
		<!-- 
			标签结构:
				<开始标签>标签体</结束标签> 闭合标签(封闭的区间)  双标签
				
				<标签名/>  自闭和的标签,没有修饰的内容,只是完成某个功能  单标签(一般不这么说)
		 -->
		 aaa<br/>bbb <!-- 换行 -->
		 
		 <!-- 
			标签的属性 :可以通过改变标签属性,设置标签的显示的格式
						属性必须写在开始标签中
						属性格式 属性名="值"
						一个标签中可以写多个属性
		 -->
		 <font color="red" size="5">百度</font>
	</body>
</html>