热门关键字:
jquery > jquery教程 > jquery教程 > HTML入门3

HTML入门3

317
作者:管理员
发布时间:2021/2/23 18:54:27
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3990
  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 +,


  一句话: 注释标签里面的内容是给程序猿看的,这个代码是不执行不显示到页面中的


  添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅卖代码,程序是不会执行注程内容的。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐