HTML简介01

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中所写的地址中去,我们称此为网页元素链接。代码实例如图bf409bbf0d49476d8837231066b5c275.jpg

 

//同样的我们也可以给标签具体的id值,然后在href中填入对应的id值,进行描点链接跳转。举例代码如图134d628c6b574bfe836eef4ad3929846.jpg

 

下一章内容预告:表格标签、列表标签、form标签、input标签、select标签、textarea标签、无语义标签

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值