全国 [ 切换城市 ]
咨询热线 : 400-969-7660

课程资讯

在Web全栈开发中,如何正确使用HTML标签?

来源: 优逸客小编 浏览量: 日期: 2019-01-07
  在我们Web全栈开发过程中,会遇到各种问题,其中最常见的问题就是HTML标签的使用了,如何选择使用的HTML标签?什么时候选择什么样的标签?在网页布局中HTML标签如何选择?这对于老手而言是个简单的问题,但是对于新手来说,却是是个无形的问题了。接下来老师给大家讲解一下,在Web全栈开发中,如何正确使用HTML标签?
 
 
  1.表格型( table表格 标签)
 
  在HTML布局中,学习DIVCSS并不意味着放弃table标签,这个有时还是需要table标签的,比如遇到表格型布局的,还是需要 tabletrtd标签布局,这个时候使用表格布局优于div标签。
 
  2.列表型布局(使用 ul li 标签)
 
  遇到图片列表、文章标题列表,通常使用ulli列表标签进行布局。当然使用这些标签时要进行设置需要 CSS样式 达到布局效果。这样程序调用数据时候更容易做循环内容。
 
  3.手动强行换行布局( br 标签)
 
  遇到文字需要换行的使用br标签即“
”,值得注意br标签是单独的标签非盒子标签,独立的一个标签,什么地方需要换行就使用br标签。
 
  4.标题型布局(使用 h1、h2、h3、h4标签 )
 
  遇到独立的栏目标题、正文标签,通常使用h1、h2、h3、h4标题标签,这样布局内容具有层次感。同时考虑SEO来说适当使用这些标题标签有利于优化排名。

山西专业Web全栈培训
 
  5.段落( p标签 )
 
  一般文章段落都是使用p标签,即每段文字开始时候使用

结束时使用

,这样文章段落分明。
 
  6.框架布局(使用 DIV标签 )
 
  在网页中框架布局一般使用 DIV布局 ,无论大小 DIV盒子 一般均使用DIV标签(
 
)布局。
 
  7.内容独立样式型(使用 span )
 
  在一段文字中,有几个文字需要单独设置一个颜色值,这个时候可以对这几个文字加span标签,对 span标签单独设置class或直接CSS样式达到效果,一般来说布局框架很少使用span。
 
  8.表单布局( form 、 input 等)
 
  遇到表单布局,比如注册、登录、填写数据提交地方等,均是使用表单标签。
 
  9.功能型布局( img 、b、 strong 、u、s等标签)
 
  遇到网页中引人图片使用 Img标签 ;遇到文字加粗可以使用 b标签 或strong标签、遇到 下划线可以使用u标签、遇到文字贯穿线(删除线)使用s标签等,有时不一定使用CSS来实现这些功能布局,适当选用这些HTML标签从SEO方面更加好些。
 
  山西专业Web全栈培训?以上就是老师给大家讲解的内容了,希望能对大家有所帮助,其它标签有待您发现与使用。在Web全栈开发培训中,也会深入的教同学什么情况下选择什么标签,实践熟悉后自然会知道如何选择HTML标签布局网页。

课程资讯

在Web全栈开发中,如何正确使用HTML标签?

  在我们Web全栈开发过程中,会遇到各种问题,其中最常见的问题就是HTML标签的使用了,如何选择使用的HTML标签?什么时候选择什么样的标签?在网页布局中HTML标签如何选择?这对于老手而言是个简单的问题,但是对于新手来说,却是是个无形的问题了。接下来老师给大家讲解一下,在Web全栈开发中,如何正确使用HTML标签?
 
  山西专业Web全栈培训
 
  1.表格型( table表格 标签)
 
  在HTML布局中,学习DIVCSS并不意味着放弃table标签,这个有时还是需要table标签的,比如遇到表格型布局的,还是需要 tabletrtd标签布局,这个时候使用表格布局优于div标签。
 
  2.列表型布局(使用 ul li 标签)
 
  遇到图片列表、文章标题列表,通常使用ulli列表标签进行布局。当然使用这些标签时要进行设置需要 CSS样式 达到布局效果。这样程序调用数据时候更容易做循环内容。
 
  3.手动强行换行布局( br 标签)
 
  遇到文字需要换行的使用br标签即“
”,值得注意br标签是单独的标签非盒子标签,独立的一个标签,什么地方需要换行就使用br标签。
 
  4.标题型布局(使用 h1、h2、h3、h4标签 )
 
  遇到独立的栏目标题、正文标签,通常使用h1、h2、h3、h4标题标签,这样布局内容具有层次感。同时考虑SEO来说适当使用这些标题标签有利于优化排名。

山西专业Web全栈培训
 
  5.段落( p标签 )
 
  一般文章段落都是使用p标签,即每段文字开始时候使用

结束时使用

,这样文章段落分明。
 
  6.框架布局(使用 DIV标签 )
 
  在网页中框架布局一般使用 DIV布局 ,无论大小 DIV盒子 一般均使用DIV标签(
 
)布局。
 
  7.内容独立样式型(使用 span )
 
  在一段文字中,有几个文字需要单独设置一个颜色值,这个时候可以对这几个文字加span标签,对 span标签单独设置class或直接CSS样式达到效果,一般来说布局框架很少使用span。
 
  8.表单布局( form 、 input 等)
 
  遇到表单布局,比如注册、登录、填写数据提交地方等,均是使用表单标签。
 
  9.功能型布局( img 、b、 strong 、u、s等标签)
 
  遇到网页中引人图片使用 Img标签 ;遇到文字加粗可以使用 b标签 或strong标签、遇到 下划线可以使用u标签、遇到文字贯穿线(删除线)使用s标签等,有时不一定使用CSS来实现这些功能布局,适当选用这些HTML标签从SEO方面更加好些。
 
  山西专业Web全栈培训?以上就是老师给大家讲解的内容了,希望能对大家有所帮助,其它标签有待您发现与使用。在Web全栈开发培训中,也会深入的教同学什么情况下选择什么标签,实践熟悉后自然会知道如何选择HTML标签布局网页。