wordpress 企业网站教程,网站开发集成软件,南通网站快照优化公司,网页设计版权信息代码给div命名#xff0c;使逻辑更加清晰
在上一小节中#xff0c;我们把一些标签放进div里#xff0c;划分出一个独立的逻辑部分。为了使逻辑更加清晰#xff0c;我们可以为这一个独立的逻辑部分设置一个名称#xff0c;用id属性来为div提供唯一的名称…给div命名使逻辑更加清晰
在上一小节中我们把一些标签放进div里划分出一个独立的逻辑部分。为了使逻辑更加清晰我们可以为这一个独立的逻辑部分设置一个名称用id属性来为div提供唯一的名称这个就像我们每个人都有一个身份证号这个身份证号是唯一标识我们的身份的也是必须唯一的。
如下两图进行比较如果设计师把两个图给你哪个图你看上去能更快的理解呢是不是右边的那幅图呢。 语法
div id版块名称…/div
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
titlediv标签/title
/head
body
div idhotListh2热门课程排行榜/h2olli前端开发面试心法 /lili零基础学习html/lilijavascript全攻略/li/ol
/div idlearn inglnstructed
divh2web前端开发导学课程/h2ulli网页专业名词大扫盲 /lili网站职位定位指南/lili为您解密Yahoo网站制作流程/li/ul
/div
/body
/html
运行结果 table标签认识网页上的表格
有时候我们需要在网页上展示一些数据如某公司想在网页上展示公司的库存清单。如下表 想在网页上展示上述表格效果可以使用以下代码 创建表格的四个元素
table、tbody、tr、th、td
1、table…/table整个表格以table标记开始、/table标记结束。
2、tbody…/tbody如果不加theadtbodytfooter , table表格加载完后才显示。加上这些表格结构 tbody包含行的内容下载完优先显示不必等待表格结束后在显示同时如果表格很长用tbody分段可以一部分一部分地显示。通俗理解table 可以按结构一块块的显示不在等整个表格加载完后显示。 3、tr…/tr表格的一行所以有几对tr 表格就有几行。
4、td…/td表格的一个单元格一行中包含几对td.../td说明一行中就有几列。
5、th…/th表格的头部的一个单元格表格表头。
6、表格中列的个数取决于一行中数据单元格的个数。
上述代码在浏览器中显示的默认的样式为 总结
1、table表格在没有添加css样式之前在浏览器中显示是没有表格线的
2、表头也就是th标签中的文本默认为粗体并且居中显示
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8 /
title认识table表标签/title
/head
body
tabletbodytrth班级/thth学生数/thth平均成绩/th/trtrtd一班/tdtd30/tdtd89/td/trtrtd二班/tdtd35/tdtd85/td/tr
trtd三班/tdtd32/tdtd80/td
/tr/tbody
/table
/body
/html
运行结果
