codecamp

HTML常用的块级标签

视频地址如下,内容有点长,点开后可需要登录QQ观看:https://ke.qq.com/webcourse/index.html#course_id=8493&term_id=100133314&taid=532103498309933&vid=l1400q43k8l

问题来了,有序列表标签怎么写?无序列表标签怎么写?

有序列表无序列表

接下来稍微介绍一下视频的内容

什么是块级标签?我们可以通过一个简单的方式来判定,那就是在网页上单击右键选择“审查元素”

审查元素

在审查元素当中显示为可折叠的就是块状标签

块状标签的辨别

那么常见的块状标签有哪些呢?

标题标签

<h1></h1>、<h2></h2>、<h3></h3>......以此类推,其中,规范的写法里<h1></h1>在一个页面当中仅出现一次,也就是页面标题。遇到需要划重点的小标题使用<h2></h2>标签,而从<h3></h3>开始的作用就微乎其微了,当然在显示上还是会有一个字体大小的区别,这些区别也是可以另外通过代码控制的,图片给出的仅仅是默认样式

代码如下

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
效果如下


段落标签

<p></p>有时候会出现没有换行的情况,那么可以使用换行标签<br></br>

水平线标签

<hr></hr>

效果如下:


有序列表标签

就是会按照1、2、3......或者其它递进方式排列

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ol>

显示效果

  1. 列表项1
  2. 列表项2
  3. 列表项3

无序列表标签

每一个列表都是一样的标示
代码如下
<ul>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ul>
显示效果
  • 列表项1
  • 列表项2
  • 列表项3

nofollow标签讲解
什么是TDK?
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }