html基础之标签

一:html基础框架


html基础框架

该文本的标题

二:html基础标签总结。包括行级标签和块级标签。

行标签:

①和其他元素都在一行上;如:a span b 多个可以并排显示。

②高,行高及外边距和内边距部分可改变;

③宽度只与内容有关; 默认设置宽度是不起作用 需设置 display: inline-block或者block才行。

④行内元素只能容纳文本或者其他行内元素

块标签:

①总是在新行上开始,占据一整行;自动换行,想在同一行显示 需浮动或者display: inline。如:div h1 p ul li... ...

②高度,行高以及外边距和内边距都可控制;

③宽带始终是与浏览器宽度一样,与内容无关;

④它可以容纳内联元素和其他块元素。

注意:块元素与行元素可以通过css中display样式进行转换(inline,block,inline-block)

示例1:行标签<不换行>转为块标签<换行>


示例2:块标签<换行>转为行标签<不换行>

块标签


行标签:style="display:inline"

常见块标签:


块标签

常见行标签:


行标签

三:html标签语法

1.双标签:<开始标签>内容</结尾标签>如:<title></title>、<a></a>

2.单标签:<标记>  如:换行<br/>,水平线标签<hr/>

3.标记属性:<标记 属性1=参数 属性2=参数…>内容</标记>  如:<p size="20" height="20" width="20" >内容</p>

参考链接:RONOOB.COM 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,607评论 0 8
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,927评论 0 6
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,738评论 32 459
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,609评论 0 5

友情链接更多精彩内容