以前就觉得网页这种东西好神奇,是怎么做出来的。因为我们专业有涉及到一点点网页方面的知识,最近面临毕业要找工作,重新思考了自己的方向,对于网页,自己有比较大的兴趣,才会促进我去学,所以我选择了web前端这个方向。因为之前了解的不多,一切只能从头开始。既然选择了,便只顾风雨兼程。
我觉得想从事IT这方面的工作,基础很重要。
所以这两天把html的知识通过看视频和查资料熟悉了解一下,在这里记下自己这几天觉得比较混淆的知识点。在自学的道路上,看了别人的博客,学习了很多,希望自己的这篇文章也能帮助到那些初学者,如果有问题我们也可以交流交流。
不说多了。我要写笔记了
---------------------------------------------------html (Hyper Text Markup Language)-----------------------------------------------------------------------
1.html是一门超文本标记语言,是纯文本文件。何为纯文本:
1) 只有文本,没有样式;
2) 用记事本等纯文本编辑器可读,不是乱码
html存为网页的格式为*.html
2.一个网页的技术分层:html就是负责描述页面的语义;css负责描述页面的样式;js负责描述页面的动态效果的。
html不能让文字居中,不能更改文字字号、字体、颜色。因为这些都是属于样式范畴,是用css去定义其样式;html也不能让一个盒子模型动起来,这个事情是通过js编写出来的。
html只是用一些标签给文本增加语义
3.编写网页常用的工具软件:
1)sublime :是2011年开始流行的代码编辑器,可以编辑java、c、php等很多语言。
html、css、js在sublime中支持非常好。界面也非常漂亮,安装简单、小巧、插件多。
sublime非常小巧,只有21mb,甚至不用安装,直接解压缩,就能双击使用,把sublime_text.exe文件发送到桌面快捷方式就行了。
一般常用的是sublime text3,text3比text2多了实用的go to definition 且快捷键是f12符合vs使用者习惯。
启动速度明显提高。
一些常用快捷键:
Ctrl+滚轮:放大/缩小 Ctrl+shift+d:复制当前行数
Ctrl+shift+↑:当前行数 向上移动 Ctrl+shift+↓:当前行数 向上移动
内容缩进:tab向右移动 shift+tab向左移动过 Ctrl+shift+k:删除当前行数
新建文件 ctrl+n
输入标签按tab键生成标签对 比如:输入html 按tab
<html></html>
输入“ html:xt ” 按tab键则会自动生成html基本骨架
sublime输入的html:xt x表示XHTML,t表示transitional
4.插入图片
<img src="图片的地址"alt=“对图片的解说”>
图片的相对地址:比如你要在index.html中插入图片,那么图片的地址就是相对于index.html