web前端学习--html

          以前就觉得网页这种东西好神奇,是怎么做出来的。因为我们专业有涉及到一点点网页方面的知识,最近面临毕业要找工作,重新思考了自己的方向,对于网页,自己有比较大的兴趣,才会促进我去学,所以我选择了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年开始流行的代码编辑器,可以编辑javacphp等很多语言。

           htmlcssjssublime中支持非常好。界面也非常漂亮,安装简单、小巧、插件多。

  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表示XHTMLt表示transitional

4.插入图片

<img src="图片的地址"alt=“对图片的解说”>

图片的相对地址:比如你要在index.html中插入图片,那么图片的地址就是相对于index.html


  

猜你喜欢

转载自blog.csdn.net/IDIOThh/article/details/53982516