常见html标记1实验报告,1、HTML基本标签实验报告.doc

报告,1、HTML基本标签实验报告.doc"/>

常见html标记1实验报告,1、HTML基本标签实验报告.doc

海南软件职业技术学院实验报告

姓名： 郭敬添 学号： 2011020404 实验时间：2012-02-20

专业名称网络系统管理班级名称11网络系统管理301课程名称Web客户端技术指导教师白蕾实验名称HTML基本标签实验

目的

及

要求1 使用HTML的基本结构创建网页

2 使用行级和块级标签组织页面内容

3 使用图像标签实现图文并茂的页面

实验

内容

描述

1 基本块级标签

2 常用于布局的块级标签

3 行级标签实验

方法

与

步骤1基本块级标签

1.1代码

唐诗三百首

目录

第一首;静夜思

第二首;忆江南

第三首;长恨歌

静夜思

作者;李白

床前明月光，疑是地上霜。举头望明月，低头思故乡。

【李白简介】

李白，字太白，号青莲居士，自称与李唐皇室同宗，祖籍陇西成纪(今甘肃天水附近)，剩余暗喜碎叶(遗址在今库尔吉斯坦境内的啊克别希姆)。五岁随父迁居绵漳明县......

1.2编辑截图

1.3调试截图

1.4效果截图

2常用于布局的块级标签

2.1 代码

商品信息

产品类别

• 数码
  • 笔记本
  • 手机
  • 家电
• 美容
• 服装

联想电脑

产品型号：联想Ideapad Y450A-TFU(NBA纪念版)

价格：4999元

所在地：北京

购物流程

1. 确认购买信息
2. 付款到贵美
3. 确认收货
4. 付款给买家
5. 双方评价

2.2编辑截图

2.3 调试截图

2.4 效果截图

3行级标签

3.1 代码

3.2编辑截图

3.3 调试截图

3.4 效果截图

个人

收获

与

体会HTML标签分为块级和行级标签。块级标签按“块”显示，行级标签按“行”逐一显示

基本的块级标签包括段落标签

、标题标签

~

、水平线标签等

常用的用于布局的块级标签包括无序列表标签

• 、有序列表标签

1. 、定义列表标签

实际应用中，常使用如下四种块级标签

4.1 div-ul(ol)-li ：常用于分类导航或菜单等

div-dl-dt-dd ：常用于图文混编的场合

table-tr-td ：常用于图文布局或显示数据

form-table-tr-td：常用于布局表单

行级标签包括图片标签、范围标签、换行标签
等，插入图片时，要求“src”和“alt”属性必选，“title”和”alt”属性推荐同时使用

编写HTML文档注意遵守W3C相关标准，W3C提倡内容和结构分离，HTML结构具有语义化教

师

评

语