html简介html基本框架及语法规范html标签(上)html标签(下)
1> HTML常用标签
标签语义
学习标签是有技巧的,重点是记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的。根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。
标题标签
< h1 >-< h6 >(重要)
为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML 提供了6个等级的网页标题,即< h1 >- < h6 >。
< h1 >我是-级标题< /h1>
单词head的缩写,意为头部、标题。
标签语义:作为标题使用,并且依据重要性递减。特点:
1.加了标题的文字会变的加租,字号也会依次变大。2. -个标题独占一行。
段落和换行标签(重要)
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示在HTM标签中,
标签用于定义段落,它可以将整个网页分为若干个段落。
我是一个段落标签
单词paragraph[ paerogren的缩写,意为段落。标签语义:可以把HTML文档分割为若干段落。
特点:
1.文本在个段落中会根据浏览器窗口的大小自动换行。2.段落和段落之间保有空隙。
段落和换行标签(重要)
在HTML中, -一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签
。
cbr />
单词break的缩写,意为打断、换行。
标签语义:强制换行。
特点:
1.< br/ >是个单标签。
2 < br/ >标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的问距,
文本格式化标签
在网页中,有时需要为文字设置粗体斜体或下划线等效果,这时就需要用到HTML中的文本格式化标文字以特殊的方式显示
标签语义:突出重要性比普通文字更重要
< div >和< span >标签
< div >和< span >是没有语义的,它们就是一个盒子 ,用来装内容的。
< div >这是头部< /div >< span >今日价格< /span >
div是division的缩写,表示分割、分区。span 意为跨度、跨距
特点:
1.< div>标签用来布局,但是现在一行只能放一 个< div>. 大盒子2. < span>标签用来布局,一行上可以多个< span>.小盒子
图像标签和路径(重点)
1.图像标签
在HTML标签中,< img>标签用于定义HTML页面中的图像。
< img src=“图像URI” 1>
单词image的缩写,意为图像。
srC是标签的必须属性,它用于指定图像文件的路径和文件名。所谓属性:简单理解就是属于这个图像标签的特性。
1.图像标签
图像标签属性注意点:
①图像标签可以拥有多个属性, 必须写在标签名的后面。
②属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。③属性采取键值对的格式,key= "value 的格式,属性=“属性值”。
重点掌握点:
。请说出图像标签哪个属性是必须要写的?口请说出图像标签中alt和title 属性区别?
路径之绝对路径
绝对路径:是指日录下的地位置,直接到达目标位置,通常是从的开的路径
路径之相对路径
超链接标签(重点)
1.链接的语法格式
<a href-跳转目标target-“目标官口的弹出方式”>文本或图像< /a>
单词anchor[anko]的缩写。意为:猫
2.链接分类:
1.外部链接例如< a hrefthttp:/>百度< /a>.
2.内部链接网站内部页面之间的相互链接直接链接内部页面名称即可,例如< a href= findex.html’>首页<3.空链接:如果当时没有确定链接目标时,< a href="#">首页< /a>。
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。6.锚点链接:点我们点击链接可以快速定位到页面中的某个位置
5.HTML中的注释和特殊字符
1注释
如果需要在HTML文档中添加些便于阅读和理解但又不需要显示在页面中的注程文字,就需要使用注释标签。HTML中的注释以<–开头,以“–>结束。
< !–注释语句-- >
快捷键: ctrl +,
一句话: 注释标签里面的内容是给程序猿看的,这个代码是不执行不显示到页面中的
添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅卖代码,程序是不会执行注程内容的。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61260.shtml