前端学习笔记-2-HTML标签

一、HTML语法规范
1、 HTML 标签 <> 包围的关键字,例如:,  标签一般成双成对出现,例如  (开始标签和结束标签),
 但也有少数的单标签 例如
2、双标签有包含标签和并列标签 包含标签例如:</titlt></head> 并列标签例如:<head></head><body></body> 3、HTML骨架标签 <html></htm> : HTML标签 页面中最大的标签,称为 “根标签” <head></head>: 文档的头部 head标签中必须设置<title>标签 :文档的标题 网页标题 :文档的主体 元素包含文档的所有内容,页面内容 基本上都是放到这个标签中
二、常用HTML标签
1. 标题标签 

~
,总共有6级,重要性逐级递减,一个标题独占一行 2. 段落标签 :

。 特点:文本在一个段落中会根据游览器窗口的大小自动换行;段落和段落中间之间有空隙。 3.换行标签 :
特点:强制换行; 换行的两行之间无缝隙 3. 文本格式化标签:实现比如加粗,下划线,斜体等效果 或者 实现加粗效果。 或者 实现倾斜效果。 或者 实现删除线效果。 或者 实现下划线效果。 4.
没有具体的的语义,相当于一个盒子,布局网页。 注意:
独自占一行 ; 一行可以放好几个 5. 图像标签 (单标签): ,标签属性有如下: src:图片路径。 必须设置的属性 (绝对路径或者相对路径) alt:文本。 替换文本,图片不显示的时候,显示 title:文本。 提示文本,当鼠标放到图像上,显示的文字 width:像素。 设置图像的宽度 height:像素。设置图像的高度 border:像素。设置图片边框粗细 注意:图片设置宽度和高度,一般设置一个参数,另外的一个属性会等比例变化,这样不会失真。可以拥有多个属性,不分顺序,属性与属性之间用逗号分割。属性采用键值对方式 key ="value" 。相对路径:以引用文件所在位置为参考基础,而建立出的目录文件 6.超链接标签 : 有以下属性 href:用于指定链接目标地址的url(必须属性)当为标签引用href属性时,就有了超链接的功能 target:用于指定链接的打开方式,_self(该值为默认值),__blank在新的窗口打开方式。

几种链接介绍
前端学习笔记-2-HTML标签_第1张图片

你可能感兴趣的:(web前端)