H5零基础学习日记02-HTML


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

H5零基础学习日记02-HTML_第1张图片
孤独的香蕉.png


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

HTML的标题的写法是

我是大标题

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




    
    我是大香蕉


标题1

标题2

标题3

标题4

标题5
标题6
H5零基础学习日记02-HTML_第2张图片
2A6B0725-2916-442B-ADF0-676E8C52354B.png

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

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

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




    
    我是大香蕉


我是孤独的大香蕉
我很帅

我是孤独的大香蕉

我很帅
H5零基础学习日记02-HTML_第3张图片
10911157-57FE-40AD-9973-E391157586BB.png

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


接下来这个标签厉害了:
a标签这个家伙可厉害了,可以放个超链接比如




    
    我是大香蕉


孤独的香蕉首页



H5零基础学习日记02-HTML_第4张图片
3D2A8464-7B68-46F4-959C-14549A2BE726.png

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


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




    
    我是大香蕉


我是孤独的香蕉

我是孤独的香蕉
帅的不行
H5零基础学习日记02-HTML_第5张图片
1E1476A5-D325-4EF8-86D2-62D09ED57645.png

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

我是孤独的香蕉


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

孤独的香蕉首页

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

接下来常用的属性

align 对齐方式




    
    我是大香蕉


我是孤独的香蕉

//中间

我是孤独的香蕉

//居左

我是孤独的香蕉

//居右

这个截图太大了,我懒得截图了,老爷们自己试试吧!~~
一些常用的属性还有很多比如bodybackground还有a标签target


一片姨妈红有没有!~~

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




    
    我是大香蕉


孤独的香蕉首页 

孤独的香蕉首页

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

格式化




    
    我是大香蕉


孤独的香蕉

孤独的香蕉
孤独的香蕉
孤独的香蕉
孤独的香蕉
孤独香蕉
孤独香蕉
孤独的香蕉
孤独的香蕉
H5零基础学习日记02-HTML_第6张图片
CA9AA4EC-446D-4759-9084-29028226B0DA.png

你可能感兴趣的:(H5零基础学习日记02-HTML)