码迷,mamicode.com
首页 > 其他好文 > 详细

02 前端--标签总结

时间:2019-10-11 23:09:19      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:水平   定义   机构   不可   标记   宽度   表单标签   输入   序列   

一、块级元素:块级大多为机构行标记

1.标题标签
<h1>标题一级</h1>
<h2>标题二级</h2>
<h3>标题三级</h3>
<h4>标题四级</h4>
<h5>标题五级</h5>
<h6>标题六级</h6>

2.水平分割线
<hr>

3.段落标签
<p></p>

4.列表标签
<!--无序列表-->
<ul></ul>
<!--有序列表-->
<ol></ol>
<!--定义列表-->
<dl></dl>

5.表格标签
<table></table>

6.表单标签
<form></form>

7.div标签
<div></div>

二、行内元素

行内大多为描述性标记

<span></span>

1.链接标签
<a></a>

2.换行标签
<br>

3.加粗标签
<b></b>

4.加粗标签
<strong>...</strong>

5.图片标签
<img > 

6.字体斜体标签
<i>...</i> 

7.斜体标签
<em>...</em>

8.删除线标签
<del>...</del> 

9.删除线标签
<s></s>

10.下户线标签
<u>...</u> 

11.输入框标签
<input>...</input> 

12.多行文件标签
<textarea>...</textarea> 

13.下拉列表标签
<select>...</select>  

三、块级元素和行内元素的区别

3.1 块级元素

  1. 总是从新的一行开始
  2. 高度、宽度都是可控的
  3. 宽度没有设置时,默认时100%
  4. 块级元素中可以包含块级元素和行内元素

3.2 行内元素

  1. 和其他元素都是在一行的
  2. 高度,宽度、内边距都时不可控的,根据行内字体的大小决定的
  3. 宽高就是标签内内容的高度、不可以改变
  4. 行内元素只能包含行内元素,不能包含块级元素

02 前端--标签总结

标签:水平   定义   机构   不可   标记   宽度   表单标签   输入   序列   

原文地址:https://www.cnblogs.com/xichenHome/p/11657399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!