欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  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