电脑
记事本
记事本写入如下代码,保存后,浏览器刷新显示效果--------------------------------------------------------------------------------
春晓
春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。
---------------------------------------------------------------------标签表示标题,
标签表示段落由于浏览器在显示 HTML 时,会省略源代码中多余的空白字符(空格或回车等),所以唐诗的四句话连成了一条,分不开。
记事本更改如下代码,保存后,浏览器刷新显示效果--------------------------------------------------------------------------------
春晓
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
标签表示换行,相当于回车。所以四句话就分开显示了。
记事本再次更改如下代码,保存后,浏览器刷新显示效果--------------------------------------------------------------------------------
春晓
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
---------------------------------------------------------------------使用水平线 (
标签) 来分隔文章中的小节是一个好办法可以使阅读变得容易。
记事本再次更改如下代码,用
元素代替元素保存后,浏览器刷新显示效果--------------------------------------------------------------------------------
记事本写网页教案 春晓
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
---------------------------------------------------------------------元素表示被引用浏览器通常会对元素进行缩进处理。
记事本再次更改如下代码,加入背景颜色,保存后,浏览器刷新显示效果--------------------------------------------------------------------------------
春晓
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
--------------------------------------------------------------------- 拥有两个配置背景的标签。背景可以是颜色或者图像。这里 表示添加蓝色背景 。
记事本再次更改如下代码,加入背景图片,保存后,浏览器刷新显示效果--------------------------------------------------------------------------------
春晓
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
--------------------------------------------------------------------- 拥有两个配置背景的标签。背景可以是颜色或者图像。这里 表示添加背景图片,地址为1.jpg也就是.html文件和.jpg文件在一个文件夹。
本节课程包含代码都比较常用,需要记忆方便编程
磨刀不误砍柴工