HTML5+CSS3 前端入门教程 --- 从 0 开始通过一个商城实例手把手教你学习 PC 端和移动端页面开发第 2 章 HTML 基础知识

本教程案例在线演示
免费配套视频教程
教程配套源码资源
网页开发工具
或
HTML简介
HTML:Hyper Text Markup Language
html文本的内部基本结构
html的注释
标题标签 ,段落标签,水平线,换行,加粗,斜体

列表标签

图像标签
常见的图像格式
JPG
GIF
PNG
BMP

图片的相对路径

所谓相对路径,就是相对于自己的目标文件位置。例如上面的例子,“11111111.html” 文件里引用了“11ha.jpg”图片,由于“11ha.jpg”图片相对于“11111111.html”来说,是在同一个目录的,那么在“11111111.html”文件里使用以下代码后:
只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。

当图片在image文件夹里时:
如果在image里很深的文件夹,也可以一直罗列下去:

如果html文件在比图片深一层的文件夹里:
如果html文件在比图片深两层的文件夹里,就在前面再罗列两个点“..”,深几层罗列几次。
图片在html文件上两级image文件夹中的renwu文件夹里
链接标签
href: 链接路径
target:链接在哪个窗口打开,常用值:self、blank
版权声明: 本文为 InfoQ 作者【Geek_8dbdc1】的原创文章。
原文链接:【http://xie.infoq.cn/article/b98ab019f456fdccd78607dde】。未经作者许可,禁止转载。
评论