Html学习之旅——常用标签01

总所周知,html5成为时下越来越火的语言,因为一次编程可以同时运行到Android和IOS上。百度百科给出的定义为:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。早在2014年便开始发布了,随着不断的完善,目前基本可以替代商城类的APP,鉴于此,给Android以及Ios开发工程师的影响会越来越大,再随着微信小程序(2017年1月份)的推出,更加对移动手机开发造成压力,很多创业公司为了缩小成本,很是青睐HTML5以及微信小程序,故而学习这些语言成为了一个必要,作为Android工程师的我们假如把这些语言都学会了是不是很开心呀,下面是我学习html的过程:

由于html的标签繁多,比较难以记忆,而我个人比较喜欢图片,故而多用思维导图帮助辅助记忆

Html学习之旅——常用标签01_第1张图片
第一天学习的内容

基本准备

Html学习之旅——常用标签01_第2张图片
开头了解

以下为整html文件的结构:


  
  
     
  
  
  

排版标签

Html学习之旅——常用标签01_第3张图片
思维导图01

                 
Deken前端学习 


  
  

Deken的Html学习

博客:http://www.jianshu.com/u/f13ffb05148f

生命如此美好,你需要用微笑点亮。
永远相信美好的事情即将发生!
    静夜思
    床前明月光
    疑是地上霜
    举头望明月
    低头思故乡
    静夜思
    床前明月光
    疑是地上霜
    举头望明月
    低头思故乡
  

其中align为位置属性,标签内部的内容在浏览器中的位置。

结果:
Html学习之旅——常用标签01_第4张图片
运行截图

文字标签

Html学习之旅——常用标签01_第5张图片
常用的文字标签

示例:


                 
  Deken前端学习 



  
  

小弟

小弟

小弟

小弟

小弟
小弟
解决焦虑的最好方法就是行动。

谷歌的小弟是大神
有心课堂传递的不只是技术

这里是文本斜体01
这里是文本斜体02

这里是删除线标签01
这里是删除线标签02

这里是下划线标签01
这里是下划线标签02

我只是替换符标签<和大于号>以及    这个空格符

其中font标签中的size属性默认只有1到7个登级,要想更大或者更小则需要配合css使用,后面的文字标签可以嵌套在font中使用也可以单独使用。

结果:
Html学习之旅——常用标签01_第6张图片
运行效果图

图片标签

Html学习之旅——常用标签01_第7张图片
图片标签
示例
  
                 
  Deken前端学习 



    
    小弟的女朋友![](1.jpg)小弟的女朋友


其中的属性效果如下图所示

Html学习之旅——常用标签01_第8张图片
运行效果

你可能感兴趣的:(Html学习之旅——常用标签01)