首页 web前端 html教程 一步步学习html----第三课

一步步学习html----第三课

Dec 20, 2016 pm 02:37 PM
html

经过前面两课的学习,不知道你们对于什么是html有没有了一定程度上的了解,今天的第三课算是第一阶段的一个总结,会加入一点新的内容,但是更多的是会做总结,好了,废话不说了,进入今天的课程吧!
在前两课的基础上,这一课主要是加入了一个插入图片的问题,插入图片的代码:
YaoMing "Yao" Ming
img标签:代表的是插入图片,src:其实就是source的简写形式,说白了就是资源,所以资源后面跟着的就是要插入的图片,alt是很重要的一个属性值,里面所包含的东西呢就是指的是在图像无法正常显示时的代替文本,这个很好理解,有时候如果网页加载的比较慢的情况下,可以看到原本应该显示网页的地方显示的是我们在alt属性里面所确定的值。
而且对于img标签不需要有标签进行结尾,而只需要在img的最后面加上反斜杠就可以了。
还有,这里对于图片的路径使用的是相对的路径,因为我把图片和网页文件放在了一个文件夹里,所以写路径的时候相对简易一些。大家可以自己动手试一下!
具体的代码再下面:
"http://www.w3.org/TR/xhtml11//DTD/xhtml11.dtd">
 


NBA Player-Houston

 

Yao Ming



YaoMing "Yao" Ming

NickName:Yao

Position:Center

Height:216cm

Weight:156kg

Age:28

BirthPlace:Shanghai China





YI "Air YI" JianLian

NickName:Air YI

Position:Formater

Height:208cm

Weight:120kg

Age:24

BirthPlace:Guangdong China




 
在网页写好之后,我们要做的事情就是对于网页进行验证:http://validator.w3.org就是网址了,因为大多数情况下我们的网页都是没有上线的,所以我们选择validator by file uploads这个选项去选择我们要进行验证的网页文件,然后它就会给报错提示之类的。如果没有错误或者警告,则证明你的代码写的非常到位了。
接下来总结一下前三课所学到的东西:
1、所有的html页面都必须包含哪四个标签:html、head、title、body这四个标签;
2、分行和分隔标签hr和br的分别使用用法;
3、图片的插入标签img等;
第一阶段的学习就到此为止咯,接下来我们就要开始更加美好的更加强大的html学习了,大家都要加油咯!

 以上就是一步步学习html----第三课 的内容,更多相关内容请关注PHP中文网(www.php.cn)! 


本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

您如何在PHP中解析和处理HTML/XML? 您如何在PHP中解析和处理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示了如何使用PHP有效地处理XML文档。 XML(可扩展的标记语言)是一种用于人类可读性和机器解析的多功能文本标记语言。它通常用于数据存储

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

See all articles