一、
上次,已经学习了一个最简单HTML文档的基本格式:
(这里是窗口标题) < /head> (这里是网页内容的一个标题)(这里是一个段落.....
< /html>
复习一下HTML“元素”的概念:
注:元素
二、
接下来首先在上述简单的HTML文档中加入两个内容:
【Reviewweb ③:Write web pages in HTML】超链接(用href标签)、
图像(用img标签) 。
学习HTML就是学习一系列的“标签” 。
HTML标签通常是**“成对出现的”(除少数特例以外)** 。
例如:
This is a link a>从开始标签到结束标签 a>,将在页面上创建一个以带有下划线的文字“This is a link”呈现的可点击的超链接 。
注意:这个是带有下划线的!
三、
下面则是对上例的扩展,给标签增加了“属性”:
属性放在“开始标签”里面(这个属性有点儿长)
用来说明点击这个链接时跳转到哪里:
"http:/ /www.w3school.com.cn"> This is a link
四、
下一个例子是在网页中加入一幅图像 。
假设已有一个图片 dog.jpg:
则下面用img标签把图像Love dog.jpg加入到网页的当前位置:
< imgsrc="http://www.kingceram.com/post/Lovely dog.jpg"/>其中的 src="http://www.kingceram.com/post/Lovely dog.jpg" 也是属性,补充说明图像文件(路径)名 。
接下来,再增加属性,进一步规定图像在浏览器中显示时实际的长宽(意味着可以按规定的尺寸自动缩放):
文章插图
"Lovely dog.jpg" width="104" height="142" />
有了超链接、图像 等,
原来的网页不再是纯文本,变成了“超文本” 。
img标签只有开始标签而没有结束标签,因而在开始标签结束之前加了一个“/”表示标签结束,
、
- Web Spider Ast-Hook 浏览器内存漫游 - 数据检索
- 未来的 Web:九个不可思议的 WebGL 应用试验
- 未来的Web:九个不可思议的WebGL应用试验
- Webpack基本构建
- webpack 从入门到放弃!
- 详细 webpack
- Web Components 小程序组件实现原理
- web自动化之iframe页面切换
- web前端知识点归纳笔记:进程与线程
- Webstorm2018 常用快捷键 和 常见配置