1.使用HTML5的基本结构创建网页
2.使用文本相关标签排版文本信息
h1-6标签:
一级标题
二级标题
三级标题
段落p标签:
这是标题标签
这是段落P标签
两种标签的区别
换行 br 标签:
北京欢迎您
北京欢迎您
有勇气就会有奇迹
北京欢迎您,为您开天辟地
流动中的魅力充满朝气
北京欢迎您,在太阳下分享呼吸
在黄土地刷新成绩
北京欢迎您,像音乐感动您
让我们都加油去超越自己
水平线 hr 标签:
北京欢迎您
字体样式标签 strong加粗 em斜体:
徐志摩人物简介
1910年入杭州学堂
1918年赴美国克拉大学学习银行学
1921年开始创作新诗
1922返国后在报刊上发表大量诗文
注释、特殊符号标签:
空格符号
区别
大于号>
如果时间>晚上6点,就坐车回家
小于号<
如果时间<晚上六点,就走路回家
引号“”
W3C规范中,HTML的属性值必须用成对的"引起来
版权符号@
©2019-2020-3-30四川成都
3.使用图像相关标签实现图文并茂的页面
图像img标签:
image.png
4.使用标签创建超链接、锚链接及功能性链接
链接a标签:
image.png
超链接跳转:
页面间链接:从一个页面链接到另一个页面
页面间链接:从一张图片跳转到另一个页面
锚链接
HTML超文本标记语言
模拟的段落
模拟的段限
CSS样式
模拟的段落
模拟的段限
Javascript脚本
模拟的段落
模拟的段限
src与href的区别:不同标签使用src与href引用当前网页之外的资源(link、a标签使用href,其余使用src):
src( source )的值是外部资源的访问路径,在请求src资源时会将其指向的资源下载并应用到当前文档中,此时外部资源作为当前文档的一部分(引入),一般用作非文本引入方式。
href 表示超文本引用(hypertext reference),在使用href请求外部资源时,会下载外部资源,同时当前网页读取外部资源的内容(引用)。一般用作文本引入方式
5.图片映射
一张图片可以划分为数块区域,点击某一块区域可以进行跳转。
6.行内元素与块元素
我是P标签 我是块元素
我是标题h1,我是块元素
我是行内元素,我是加粗标签
我是行内元素,我是斜体标签