xhtml-常用标签属性

1.标题标签 h1~h6 双标签 无默认属性 块级。

有默认的上下margin;作为语义标签,常用于网页的标题,h1标签整个网页只有一个


h1标签为例

2.hr 分割线 块级 单标签

有默认的上下margin:8px; 还有1像素的border;


3.段落 双标签 块级  

默认上下16像素的margin,注意:p标签内不能嵌套块级标签


4. 有序列表 ol ;    无序列表 ul;

以ol为例(ul相似):ol作为块级元素,有默认的上下margin:16px;和左边的padding-left:40px;

ol 与 li不能单独使用,ol与li之间不可以出现其他标签


以ol为例
ol标签

li标签:display为 list-item这点需注意,容易把li标签误认为块级标签

li标签

5.dl字典标签


代码结构

dl与ol,ul相似,是块级标签,有默认的上下margin:16px;

dt作为列表标题,是块级标签,而dd是对标题的描述,有默认的右边padding:40px;


dd标签

6.a标签 超链接 双标签 行级

它有三个属性1.href="" 跳转地址 必须的 而且不能为空;

                      2.title="" 提示信息;

                      3.target="" 跳转方式. _blank 新窗口打开, _self在原有窗口打开;

超链接标签的四种状态:伪类设置

link状态 链接未浏览状态

visited状态 链接已被访问过

hover状态 鼠标悬浮在链接上时的状态

active状态 鼠标点击未松开时的状态

hash (哈希) #会回到顶部 | ###不会:当a标签href中无跳转的链接时,href="#";点击a标签时返回页面顶部,而href="###";则不会

注意:四种状态的设置有顺序,必须link和visited先设置,hover与active后设置。

伪类设置的代码

7.img标签 单标签 比较特殊,虽然为行级,但是可以设置尺寸

支持宽高属性 不需要加单位 一般宽高只设置一个,防止图片失真。


img标签

8.常见有关文字设置的标签

粗体加重: strong 双标签 行级(作用于内容强调)b标签(已废弃);

斜体: 作用于内容强调 em 双标签 行级 i(已废弃);

big 大字号 small标签 小字号 双标签 行级;

sub:字体向下偏移; sup:字体向上偏移; del:删除;效果是在文字上面划线,常用语购物app中原价被划线的场景。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 1、标题标签h1~h6:(一级标签~六级标签)双标签 块级标签 有默认样式:上下margin;默认字体大小,默认字...
    浅夏_cd06阅读 337评论 0 0