关闭

web前端学习--html

标签: html基础知识html插入图片html插入超链接
116人阅读 评论(0) 收藏 举报
分类:

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


  

0
0
查看评论

从零开始,学习web前端之HTML基础

web前端之html基础
  • yuzhiqiang_1993
  • yuzhiqiang_1993
  • 2017-02-28 11:52
  • 2358

web前端 | 一条“不归路” - 学习路线

本文属于职业解惑系列,读完此文要么生,要么死。要么充满斗志,要么颓废放弃。没错,此文的观点可以让你极端,但极端的选择,完全取决于你个人!付出就有回报,做好现在,技术只是为了改变生活!—— 小北哥哥好的,我x装完了,情怀也写好了,那么我们进入【相守】的话题。由于前两篇【前端开发】文章,得到不...
  • xllily_11
  • xllily_11
  • 2016-08-15 10:39
  • 26122

web前端入坑第二篇:web前端到底怎么学?干货资料!

hi,大家好! 我的第一篇文章:【web前端到底是什么?有前途吗?】,在我没想到如此 ‘HOT’ 的情况下 得到很多好评和有效传播。 也为我近期新开的 个人前端公众号:前端你别闹(webunao) 直接增加了几百粉(果然,帅的人大家都喜欢。) 被国内著名技术博客 C...
  • xllily_11
  • xllily_11
  • 2016-08-08 12:02
  • 21149

WEB前端学习之路

首先分享一下我的经验,想做好一件事,必须要花费一些功夫,然后是多学、多思、多练、多交流、多总结,发现自己的问题,然后一定要克服,在状态不好的情况下,往往要及时调整。新手学习前端的话,一定要想想为什么要学习它,是出于一种什么心态,然后定位好自己,多向大牛请教,多教一些没有自己水平高的人,那样往往能让自...
  • m838115837
  • m838115837
  • 2015-09-02 19:26
  • 1367

python爬虫——web前端基础HTML+CSS

学习爬虫最好还是先去系统的学习一下HTML5+CSS3,本篇文章主要是简单的介绍HTML,CSS,JavaScript,Xpath和Json这五部分。一、HTML html是什么,在这就不作介绍。首先介绍一下它的用处。 设置文本格式。如:标题、字号、文本颜色、段落等等。 创建列表。包括有序列表和无...
  • qq_35793358
  • qq_35793358
  • 2017-10-20 18:29
  • 376

web前端 学习路线图

本文属于职业解惑系列,读完此文要么生,要么死。要么充满斗志,要么颓废放弃。 没错,此文的观点可以让你极端,但极端的选择,完全取决于你个人! 付出就有回报,做好现在,技术只是为了改变生活! 好的,我x装完了,情怀也写好了,那么我们进入【相守】的话题。 由于前两篇【前端开发】文章,得到不少...
  • zhangchen124
  • zhangchen124
  • 2016-08-16 09:25
  • 3022

Web前端学习日记1

博客,你好,从今天开始,我就会开始在你这里发表我的Web前端学习日记,请多多指教哦!       今天是从HTML基础学起,虽然说以前有上过类似的课程,但是还是学到了很多,最大的收益就是又掌握了很多快捷键,对于我这个打字有点慢的人来说,还是一个很大的收益的~! &#...
  • huangmeixiang502
  • huangmeixiang502
  • 2017-01-10 21:56
  • 270

web前端初步学习的自我总结

谈到网页制作,作为一个大二的软件工程专业的学生,不得不惭愧得说一句自己是个菜鸟,不是一般的菜。前阵子完成一个15个html文件的网页都弄了好几天,折腾在HTML,CSS,Javascript三者之间。弄完这个网页后也没多想,正好今天趁这个机会总结一下自己的一些制作过程中的所思所想吧。刚开始准备做网页...
  • fwj958683305
  • fwj958683305
  • 2015-11-16 20:17
  • 1283

web前端html+css基础 项目实例

三毛                                  ...
  • qq_16103331
  • qq_16103331
  • 2016-03-02 21:39
  • 11734

web前端学习书籍推荐

目前市场上HTML、CSS 类别书籍,都是大同小异,在当当网、卓越网搜索一下很多推荐。今天web前端大牛根据自己的经验总结如下:Javascript 的书籍推荐看老外写的,国内很多 Javascript 书籍的作者对 Javascript ...
  • coco510
  • coco510
  • 2016-05-20 15:07
  • 1223
    个人资料
    • 访问:194次
    • 积分:21
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档