Html标签

静态资源:html、css、javascript,所有用户访问得到相同的结果

html:用户展示页面(图片、按钮、文字),是最基础的网页开发语言

css:页面的布局加美化(颜色、大小)

javascript:动态效果

动态资源:jsp、servlet、php、asp....,返回不同的结果,如果用户请求的是动态资源,会转化为静态资源,再发给浏览器

一:简单的html标签及实例

 练习1:常见的html标签

Html标签_第1张图片

 

 效果图:

表格标签: table:定义表格    tr:定义行    (colspan:合并列  rowspan:合并行)

td:定义单元格   th:定义表头单元格(默认加黑)

Html标签_第2张图片

图片的插入

Html标签_第3张图片

结合css使用:

div:每一个div占满一整行,块级标签

span:文本信息在一行展示,行内标签

 

列表标签:ul ol,a herf超链接

 Html标签_第4张图片

Html标签_第5张图片

 

 练习2:自定义网页

Html标签_第6张图片

 Html标签_第7张图片

 

综合应用:

 类似于途牛网站的图片插入:

分部组件拆分(原途牛网站)

Html标签_第8张图片

 

 代码实现以及简略效果图:






旅游网
























































超值热卖

超级自由行

旅游分期

特价机票

特价酒店



















当季热玩





























¥ 5999起



¥ 5999起



¥ 5999起



¥ 5999起



¥ 5999起



¥ 5999起



Copyright ©2006-2020 南京途牛科技有限公司 Tuniu.com | 营业执照 | ICP证:苏B2-20130006 | 苏ICP备12009060号 | 北京旅游网



 二:表单标签

 

你可能感兴趣的:(Html标签)