HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果.HTML元素通过"标签”(tag)将文本从文档中引出,标签由在"<“和”>"中包裹的元素名组成,HTML标签里的元素名不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。例如,<title>标签可以写成<Title>,<TITLE> 或以任何其他方式。然而,习惯上与实践上都推荐将标签名全部小写。
HTML是整个前端网络的基础框架,配套的CSS和JS都是基于HTML的基础上对网页进行装饰,在编写CSS和JS之前,需要先完成对应的HTML编写。
常用标签
1、标题标签
使网页语义化(分为六个等级[<h1> ~ <h6>] )
单词head的缩写
加粗,加大
2、段落和换行标签段落
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。
在HTML标签中,<p>标签用于定义段落,它可以将整个网页分为若干个段落。
3、文本格式化标签
代码及用法
<strong>< / strong><b></b>加粗,建议使用<strong>语义更强烈。<em></em><i></i>倾斜,建议使用 <em>语义更强烈。<del></del><s></s>删除线,建议使用<del>语义更强烈。<ins></ins><u></u>下划线,建 议使用<ins>语义更强烈。
4、图像标签
<img src -“地址” alt -"替换文本”/>前面是标签,后面是属性。src是必须属性,alt替换文本,图像不能 显示的文字,title提示文本,鼠标放到图标上,显示的文本,width设置图像的宽度,height设置图像的高度。
5、超链接标签
<a>作用是从—个页面链接到另一个页面href:用于指定连接的目标url地址
target用于指定连接页面的打开方式(_self为默认值,_blank在新窗口打开)链接可以链接外部的链接也可以链接 内部链接。1.外部链接:例如<a href="http: / / www . baidu.com">百度</a>2.内部链接∶网站内部页面之间的相互链接.直接链接内部页面名称即可,例如<a hnef=" index. html">首页</a>。3.空链接∶如果当时没有确定链接目标时,<a href="#">首页</a>4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。5.网页元素链接︰在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。
以上五种标签,是网页编写中常用的标签,对于它们的使用必须烂熟于心,不过也不必特意去记忆。因为在我编写代码的过程中发现,这些标签使用的频率非常高,随着一个个项目的编写,这些标签的使用方法和使用场景能熟练掌握。