HTML入门与基础 —— 标签《一》
2018-06-24 00:45:58来源:未知 阅读 ()
一、标签概述
1.HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
2.标签分为嵌套关系与并列关系。
嵌套关系:
<head> <title> </title> <head>
并列关系:
<head></head> <body></body>
二、基本标签
1.html标签:作为整个html中所有标签的一个根节点。
2.head标签:用于存放title,meta,base,style,link,script等标签。
2.title标签:放到head中,让页面拥有一个自己的标题。
4.body标签:页面的主体部分,用于存放页面中的所有标签。
例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
三、常用标签
1.标题标签:HTML提供了6个等级的标题。
<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>
h1字体为最大,然后逐渐递减。标题标签帮助我们使页面更加具有语义化。
2.段落标签:<p></p>,用来存放文本段落。默认情况下,会根据浏览器窗口的大小自动换行。
注:块级元素不能放到p标签中。
3.水平线标签:<hr />,可以将页面中出现一个通栏的水平线。将页面分开显示,使页面更加请先。
4.换行标签:<br />,默认为从左往右显示不下的时候换行。通过<br>标签实现强制换行。
5.文本格式换标签:
<b></b><strong></strong> : 加粗:推荐使用strong
<i></i>和<em></em> : 斜体:推荐使用em
<s></s>和<del></del> : 删除线:推荐使用del
<u></u>和<ins></ins> : 下划线:推荐使用ins
6.图像标签:<img src="URL"/> : 用来在页面中显示图像,src属性为必需属性。用来指定图片的路径。
7.链接标签:<a href="URL"></a> : 超链接标签,用来实现超链接的功能。页面之间的相互跳转。
注:不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
8.特殊字符标签:因为好多字符都有特殊的含义,我们没有办法直接书写,就需要依靠一些特殊标签来实现。
详情见下图:
9.注释标签:<!-- 注释内容 -->,不会显示在浏览器窗口中,但是会作为HTML文档的一部分。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash