HTML(Hyper Text Markup Language, “超文本标记语言”),是一种用于创建Web页面的标记语言。它是Web开发的支柱,提供了Web内容的结构和组织。值得注意的是HTML并不是一种编程语言,而是一种标记语言,它使用标签系统来定义网页上的元素,这些元素可以包括标题、段落、图像、链接等。Web浏览器解释HTML标签以正确显示内容,HTML确保内容在不同设备和浏览器上可以以一致的方式呈现。HTML的文档也叫做Web页面。HTML还可以与其他Web技术(如CSS和JavaScript)进行结合使用,以实现更复杂的交互性等Web应用程序。
HTML负责定义网页的内容和结构,它确定内容的层次结构,例如标题、段落、列表和媒体,通过使用HTML标签,开发人员可以制动内容元素的重要性并创建清晰的视觉层次结构。
HTML文档由HTML标签构成,每个标签可以包含一些内容或其他标签,例如<html>标签表示整个HTML文档,<head>标签包含文档的元数据(例如标题和引用的样式表),而<body>标签包含实际的页面内容。另外HTML标签可以包含一些属性,这些属性可以提供有关标签的更多信息。例如标签可以使用src属性指定图像的URL,标签可以使用href属性指定链接的URL。
HTML中较为常见的标签有如下几个:
//为了使内容可以成功显示,将使用《》代替<>
注释标签: 《!__ __》//可以使用Ctrl+/快速生成和取消注释
标题标签<h1~6></h1~6> //标题标签共有六个,且数字越大,字体越小
段落标签《p》《/p》
换行标签《br》
格式化标签:《Strong》加粗 《/Strong》《b》加粗《/b》
《em》倾斜 《/em》 《i》倾斜《/i》
《del》删除线 《/del》 《s》删除线《/s》
《ins》下划线 《/ins》 《u》下划线《/u》
图片标签:img
//img标签必须带有sec的属性,表示这个图片的路径
//alt:替换文本。当图片不能正确显示的时候,会显示一个替换的文字。
//titile:提示文本。将鼠标放到图片上就会有提示
//width/height:控制宽度高度
//设置图片有三种方式,绝对路径、相对路径、网络图片(直接打开网络上图片的地址)
超链接标签:
//同时需要href属性。《a href=“https://www.example.com”》举例说明《/a》
//此时默认是在当前页面打开,如若需要用新的标签页打开,则在href属性说明后面添加target
《a href=“https://www.example.com” target=“_blank”》举例说明《/a》
//当我们使用内部链接是,可以直接写相对路径。如 《a href=“html2.html》点我跳转html2.html《/a》
//空链接则使用#在href中占位 《a href=“#”》空链接《/a》
//href中的路径是一个文件的时候我们就可以使用下载链接,例如 《a href=“OIP.zip”》点击下载《/a》
//可以给图片等任何元素添加链接,当我们点击图片之后就会跳到href中所写的地址中去,我们称此为网页元素链接。代码实例如图
//同样的我们也可以给标签具体的id值,然后在href中填入对应的id值,进行描点链接跳转。举例代码如图
下一章内容预告:表格标签、列表标签、form标签、input标签、select标签、textarea标签、无语义标签