频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
零基础学习网页制作(二)
2017-11-16 08:58:00      个评论    来源:Jinx  
收藏   我要投稿

零基础学习网页制作(二)。

郑重声明:
1.所谓的零基础并不是真的零基础,首先你会用电脑的一些简单操作,如:新建一个文本文档(txt);
2.文章仅供本人娱乐,如有雷同,纯属巧合;
3.文章的目的还有一个,告诉一些不懂写代码的人,写代码没那么神奇,告诉那些了解一点点代码的人,写代码没那么容易;

二、一些简单的html呈现元素组件
1)描述
很多人都会编辑word,如果我们把编辑word当做文本编辑html,那么word的打印预览就可以比作html在浏览器的显示结果;
第一张已经大致介绍了html,head,body三个标签,以及head的大儿子title,今天head很荣幸得到了它的第二个孩子
其中meta具体意思大家不需要理解,可以认为是准备好,我要说话了,说了什么呢?说了一句 charset=”utf-8” ,第一章说过head里面主要放一些家规,
charset可以认为是规则的名字,意思是在家里要说什么话,而=”utf-8”,其中双引号之间表示,要说什么话的值,表示在家里要说中国话;
2)代码解释
白色背景的文本编辑是原始写的代码,推荐新手多使用,多联系,黑色背景图是方便查看区别特意截得图
这个标签结束,表示这中间的东西是解释使用,浏览器不显示这两个标签之间的东西,
就如同编辑word一样,h1,h2,h3分别代表word中的标题
img代表插入一张图片,
a表示添加一个超链接,
p代表输入一段话,
table表示插入了一个表格,
p表示插入了一个框.
br表示换行,
切记所有标签都是用<>包裹起来的;
这里写图片描述

这里写图片描述

3)预览
预览结果如图
这里写图片描述

点击复制链接 与好友分享!回本站首页
上一篇:零基础学习网页制作(一)
下一篇:HTML5+Canvas贪吃蛇
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站