HTML概述:
* HTML:Hyper Text Markup Language 超文本标记语言
* 超文本：比普通文本功能更加强大，可以添加各种样式
* 标记语言：通过一组标签，来对内容进行描述。<关键字>
静夜诗
--李白
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
HTML的主要作用：
设计网页的基础，HTML5
HTML语法规范
入门案例01
Hello world!
步骤分析：
1，公司简介需要标题
2，水平分割线
3，四个段落
4，第一个段落字体需要红色
标题1
标题2
标题3
标题4
标题5
标题6
段落1
段落1
段落1
我要回家!!!
我要回家!!!
我要回家!!!
我要回家!!!
我要回家!!!
我要回家!!!
我要回家!!!
网站信息页面
公司简介
“中关村黑马程序员训练营”是由传智播客联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。 目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。
黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”，必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确保学员质量，并降低企业的用人风险。
中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新，不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量的IT人才服务平台。
扩展内容
* b:加粗
* i:斜体
* strong:加粗，带语义标签
* em：斜体，带语义
网站图片信息
需求分析：
在我们的网站中通常需要显示LOGO图片
技术分析
img标签
相对路径
需求分析
网站链接
* 百度
* 新浪微博
* 黑马程序员
技术分析
列表标签：
无序列表：ul
有序列表：ol
步骤分析
- 百度
- 新浪微博
- 黑马程序员
- 百度
- 新浪微博
- 黑马程序员
扩展内容
点击链接，跳转去指定网站
a 超链接标签
常用的属性：
href:指定要跳转去的链接地址 需要加上http协议，如果访问的是本网站的html文件，可以直接写文件路径
target：以什么方式打开
_self:默认打开方式，在当前窗口打开
_blank:新起一个标签页打开页面
网站首页
需求分析
根据产品文档，完成商城首页
技术分析：
表格标签stable
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
11
13
14
21
1
1
1
1
1
1
24
31
34
41
42
43
44
51
52
53
总结
- 网站信息案例
- 字体标签font
- color：颜色
- size：大小1~7
- face：改变字体
- p段落标签
- h标题标签：1~6
- br换行
- hr水平线
- b加粗
- i斜体
- strong：加粗 包含语义
- em：斜体 包含语义
- 字体标签font
- 网站图片案例
- img标签
- src：指定图片的路径
- width：宽度
- height：高度
- alt：图片加载错误时的提示信息
- 相对路径
- ./代表的是当前路径
- ../代表的是上一级路径
- ../../代表的是上上一级路径
- img标签
- 友情链接
- ul：无序列表
- type：
- ol：有序列表
- type：样式
- start：起始索引
- li：列表项
- a超链接标签
- href：要访问的链接地址
- target：打开方式
- ul：无序列表
- 网站首页
- table标签
- border：指定边框
- width：宽度
- height：高度
- bgcolor：背景颜色
- align：对齐方式
- tr标签
- td标签
- 表格单元格的合并
- colspan：跨列操作
- rowspan：跨行操作
- 注意：跨行或者跨列操作之后，被占掉的格子需要删除的
- 表格的嵌套
- 在td中可以嵌套一个表格
- table标签
步骤分析
- 1，创建一个8行一列的表格
- 2，第一部分：LOGO部分：嵌套一个一行三列的表格
- 3，第二部分：导航栏部分：放置5个超链接
- 4，第三部分：轮播图
- 5，第四部分：嵌套一个三行7列表格
- 6，第五部分：直接放一张图片
- 7，第六部分：同第四部分
- 8，第七部分：放置一张图片
- 9，第八部分：放一堆超链接
登陆
注册
购物车
首页
手机数码
鞋靴箱包
电脑办公
香烟酒水
最新商品
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
最新商品
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
洗衣机
$998
关于我们
关于我们
关于我们
关于我们
关于我们
关于我们
关于我们
关于我们
Copyright © 2005-2018 版权所有
登录
注册
购物车
首页
手机数码
鞋靴箱包
电脑办公
香烟酒水
关于我们
联系我们
招贤纳士
法律声明
友情链接
支付方式
配送方式
服务声明
广告声明
Copyright © 2005-2016 传智商城 版权所有
网站后台
发送箱
垃圾箱