h5 先学html吗,H5零基础学习日记02-HTML

继续学习HTML吧，基础的东西必须打牢固，如果没看过H5零基础学习日记01的同学可以出门右拐，可以先去看看接下来大香蕉来了

孤独的香蕉.png

切入正题，继续HTML的标签之标题

HTML的标题的写法是

我是大标题

从h1->h6都有不同的效果

!DOCTYPE html>

我是大香蕉

标题1

标题2

标题3

标题4

标题5

标题6

2A6B0725-2916-442B-ADF0-676E8C52354B.png

这是这几个标签的效果，每个标签的大小都不同，老爷们可以根据自己的心情随便挑选。还有

我是大P标签，我代表段落

p标签的作用就是定义一个段落如。

!DOCTYPE html>

我是大香蕉

我是孤独的大香蕉

我很帅

我是孤独的大香蕉

我很帅

10911157-57FE-40AD-9973-E391157586BB.png

效果老爷们自己对比看一下吧，所谓段落我的理解丫就是给换行了。(天才！)如果你们理解的不一样 来啊 互相伤害！

接下来这个标签厉害了：

a标签这个家伙可厉害了，可以放个超链接比如

!DOCTYPE html>

我是大香蕉

孤独的香蕉简书首页

3D2A8464-7B68-46F4-959C-14549A2BE726.png

各位老爷这一步很重要，请把我的代码粘贴到你们的编辑器里面，保存然后把后缀改成.html点开，然后点击出现的文字，接下来点击关注！神奇吧，你就已经关注我了！~这就是a标签神奇之处。

HTML换行标签
这玩意就是换行用的,体会下区别

!DOCTYPE html>

我是大香蕉

我是孤独的香蕉

我是孤独的香蕉

帅的不行

1E1476A5-D325-4EF8-86D2-62D09ED57645.png

HTML的嵌套

HTML的标签是可以嵌套的，老爷们可以自己去试验一下

我是孤独的香蕉

HTML属性

HTML属性是啥玩意呢？别急各位老爷们如果跟着我把刚刚的代码都试验过了，那么你们已经用过属性了，记得a标签的时候让你们点击有下划线的文字不？忘了也没关系(忘性真大)

孤独的香蕉简书首页

就是这个，href="http://www.jianshu.com/users/008b8913a130/latest_articles"这玩意看到没，就是a标签的属性啦，简单不？厉害不！

接下来常用的属性

的align 对齐方式

!DOCTYPE html>

我是大香蕉

我是孤独的香蕉

//中间

我是孤独的香蕉

//居左

我是孤独的香蕉

//居右

这个截图太大了，我懒得截图了，老爷们自己试试吧！~~

一些常用的属性还有很多比如body的background还有a标签的target

一片姨妈红有没有！~~

接下来的target这个标签可就厉害了！它是a标签的属性所以厉害的不行！老爷们自己意会吧！~~

!DOCTYPE html>

我是大香蕉

孤独的香蕉简书首页

孤独的香蕉简书首页

接下来是一些通用的属性class(元素的类名)、id(元素的唯一id)、style(元素的样式)、title(元素的额外信息)这些属性其实都是后面咱们如果用到CSS或者JS的时候可以根据这些东西引用过来而拿到这些HTML的标签然后就可以用CSS或者JS对他们做坏事了。

格式化

!DOCTYPE html>

我是大香蕉

孤独的香蕉

孤独的香蕉

孤独的香蕉

孤独的香蕉

孤独的香蕉

孤独_的香蕉

孤独^的香蕉

孤独的香蕉

孤独的香蕉

CA9AA4EC-446D-4759-9084-29028226B0DA.png