开始学习前端开发吧
2018-06-24 00:43:20来源:未知 阅读 ()
据说最好的输入是输出,所以听我讲给你听我学到的东西吧。
学习前端入门时,无论在哪儿都告诉我们,要学习HTML+CSS+JS。google之,得到html是超文本标记语言(英语:HyperText Markup Language,简称:HTML)。 标记语言,意味着这个不是编程语言,而是用来标记文本的,把标题标记为标题,段落标记为段落,这样,浏览器就能知道这些文字是什么,并用更好的格式显示出来,换句话说,如果你仅仅使用HTML+CSS制作一张网页,上面的各种特效、格式,是你选择出来,而不是制作出来的。
接下来看一份普通的HTML文件的内容吧。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>这是网页标题</title> 5 <link rel="style" type="text/css" href="style.css"> 6 <style></style> 7 <script type="text/javascript" src="js.js"></script> 8 <script></script> 9 </head> 10 <body> 11 <h1>这是最大的标题</h1> 12 <p>这是段落</p> 13 </body> 14 </html>
这个标记语言的标记文字的方法很简单,就是
<xxx>被标记的内容</xxx>
他们成对出现,后面的“标签”比前者多一个“/”
还有另一种标签,不成对出现,如<!DOCTYPE html>
我们从上往下解释上面这个html文档的内容吧。
1.<!DOCTYPE html> 历史问题,用于告诉浏览器这是个HTML5的网页,意思就是说还有旧版本的html,而旧版本又需要定义一些别的东西。但是不用管,以后都是<!DOCTYPE html>了,嗯,大概吧。
2.html 告知浏览器这是个html文档,内有head标签和body标签
3.head、body 用于存放网页的各种信息和设置,body用于存放网页内容
4.head title 网页标题,就是打开一个网页后,浏览器网页标签上显示的文字
link 用于引用一个CSS样式表,所谓样式表,就是你觉得浏览器默认的的样式太丑了,自己设置样式
style CSS样式表内的内容也可以放在html文档里
script 引用一个JS文件,同样也可以把内容写在html文档里
还有一些像meta、base等标签,无论如何,head内的东西是用来设置这个网页的,而不是网页内容
5.body p 段落
h1 标题 还有h2 h3 h4 h5 字体逐渐变小
万事开头难,终于开始写第一篇了,写得有点烦,哈哈。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:css知识点
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-14
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-13
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash