经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » HTML5 » 查看文章
客户端相关行级元素、块级元素的学习
来源:cnblogs  作者:AQNLWLFQ  时间:2019/1/4 9:23:17  对本文有异议

行级元素:行内元素宽高自动设置(设置了宽高也不起作用),并排显示

<a>.................</a>:链接

<abbr>...... </abbr>:缩写

<b>.................</b>:加粗

<q>.................</q> : 短引用

<i>......................</i> :斜体

<u>...................</u>  :下划线

<br/>        : 换行

<del>.....</del>       :删除线

<code>.....</code>  : 计算机代码(在引用源码的时候需要)

<strong>.....</strong>:加粗

<img>                :图片

<sup>.....</sup>:上标

<sub>.....</sub>:下标 

<input>.....</input>:文本框

<textarea>.....</textarea>:多行文本

<select>....</select>:下拉列表

<span>....</span>  :通过span可以自定义效果样式

块级元素:独占一行(当内容占满一行时,会自动添加下一行)

<header>.....</header>     :  某个区域头部
<nav>................</nav> :导航栏
<article>........</article>   :  一个整体的一部分信息
<section>.....</section>     :  表示右边的侧边栏
<aside>...........</aside>     :  周围相关主题附加信息
<footer>..........</footer>     :  某个区域的脚注

<h1></h1>     :一级标题

<h2></h2>     :二级标题

<h3></h3>     :三级标题

<h4></h4>     :四级标题

<h5></h5>     :五级标题

<h6></h6>     :六级标题

<hr/>              :水平分割线

<pre></pre>    :预设文本格式化

<blockquote>  </blockquote>    :段落缩进,前后5个字符

<marquee></marquee>   :滚动文本

<ul>.....</ul>     :无序列表

<ol>.....</ol>     :有序列表

<dl>.....</dl>     :定义列表

<p>.....</p>        : 段落

<div>.....</div>   : 

<table></table>  : 表格

<form></form>   : 表单

附加学习内容(下面都是实用块级,行级,行内块级的转换)

display:inline;   将某个元素转换为行级元素

display:block;   将某个元素转换为块级元素

display:inline-block;   将某个元素转换为行内块元素

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号