第一课:HTML的格式标签

一直想学习网页制作的知识,尝试了几次,都因为种种原因放弃了。其实看的书和查的资料也不少,都是断断续续的,不够系统,这次趁着过年放假早,从头静下心来学一下。

这篇其实是自己的学习笔记,在网易云课堂看的高洛峰老师的视频教程(高老师的课程讲的很实用,一些现在不太用的都精简了。),分享出来,一是给和我一样有需要的人,二是有个动力,这是第一篇,之后还会有后续...

如果有错误的地方,请留言告知,谢谢...

第一课 HTML的格式标签

1、换行标签

用于换行


我没有加换行标签
我没有加换行标签
我没有加换行标签

我加了换行标签
我加了换行标签
我加了换行标签

复制以上代码,点击下方试一试!
试一试

2、段落标签

用于定义一个段落区块,并在前后留出空白区域

这是一个段落标签。

这是一个段落标签,会定义一个区块,并在前后创建一些空白。

这是一个段落标签。

复制以上代码,点击下方试一试!
试一试

3、局中标签

用于使文字局中显示

我没有居中
我局中了

复制以上代码,点击下方试一试!
试一试

4、预格式化标签

用于输出文本默认排版格式,即有点类似所见即所得的效果

我没有用   默认排版方式   输出,
看看我原  来的空格和换  行都没有了!
    我用了   默认排版方式   输出,
看看我原  来的空格和换  行都保留了!

复制以上代码,点击下方试一试!
试一试

5、无序列表

用于创建无序列表

  • 无序列表1
  • 无序列表2
  • 无序列表3
  • 无序列表4

复制以上代码,点击下方试一试!
试一试

6、有顺列表

用于创建有序列表

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
  4. 有序列表4

复制以上代码,点击下方试一试!
试一试

7、水平分割线

用于创建一条水平分割线

看看下方有一根线哦

还可以定义线的长度

复制以上代码,点击下方试一试!
试一试

如果有错误的地方,请留言告知,谢谢...

你可能感兴趣的:(第一课:HTML的格式标签)