当前位置: 首页 > news >正文

HTML(XHTML)基础知识(二)——【body】

<body> 

    body 元素是块级元素,而且只能包含块级子元素。

    标准属性:class、dir、id、lang、style、title、xml:lang

 

=============================================================

=  块级元素

=============================================================

    <p>

        p 元素是块级元素,其中只允许包含文本和行内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

 

------------------------------------------------------

    <h1>、<h2>、<h3>、<h4>、<h5>、<h6>

        h[n] 元素是块级元素,其中只允许包含文本和行内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <blockquote>

        blockquote,块引用,该元素是块级元素,其中只允许包含块级子元素。

        可选属性:cite,引文的来源URL。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <address>

        address,作者信息标定,该元素是块级元素,其中只允许包含文本和行内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <pre>

        pre,预格式化的段落,该元素是块级元素,其中只允许包含文本和行内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

======================================================

列表:无序列表、有序列表

<ul>
    <li>列表项</li> </ul> <ol> <li>列表项</li> </ol>

 

    <ul>

        ul,无序列表,该元素是块级元素,其中只允许包含 li 元素。列表内容以圆点等相同的符号开头。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

 

    <ol>

        ol,有序列表,该元素是块级元素,其中只允许包含 li 元素。列表内容按顺序,以阿拉伯数字表示的序号开头。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <li>

        li 元素是块级元素,其中只允许包含文本和其他元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

======================================================

列表:自定义列表

<dl>
    <dt>标题</dt> <dd>内容</dd> </dl>

    <dl>

        dl,自定义列表,该元素是块级元素,其中只允许包含 dt、dd 元素,可记忆为数据列表(data list)。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <dt>

        dt 元素是块级元素,其中只允许包含文本和块内元素,可以记忆为数据标题(data title)。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <dd>

        dd 元素是块级元素,其中只允许包含文本和其他元素,可以记忆为数据数据(data data)。

        标准属性:class、dir、id、lang、style、title、xml:lang

=============================================================

=  行内元素 / 短语元素,其中只能包含文本和其他行内元素

=============================================================

    <em>

        em,强调,该元素是块内元素,其中只允许包含文本和其他块内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <strong>

        strong,着重强调,该元素是块内元素,其中只允许包含文本和其他块内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <cite>

        cite,引用,该元素是块内元素,其中只允许包含文本和其他块内元素。由该元素包围的文本一般表现为斜体。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <q>

        q,行内引文,该元素是块内元素,其中只允许包含文本和其他块内元素。由该元素包围的文本一般表现为斜体。

        可选属性:cite,引文的来源 URL

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <dfn>

        dfn,声明定义,该元素是块内元素,其中只允许包含文本和其他块内元素。

<p>Spaghetti and Cruft offers free wireless broadband internet access so laptop-toting patrons can check their e-mail, publish updates to their <dfn title="short for weblog, a kind of online journal">blogs</dfn>, or even do some honest work.</p>

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <abbr>、<acronym>

        abbr 和 acronym,前者声明广义上的缩写,后者声明首字母缩略词,这两个元素都是块内元素,其中只允许包含文本和其他块内元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <del>、<ins>

        del 和 ins,前者声明删除的内容,后者声明新插入的内容,这两个元素都是块内元素,其中只允许包含文本和其他块内元素。

        可选属性:cite,有关修改原因的文档的 URL;datetime,修改日期/时间。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <bdo>

        bdo,用于把一段文本的方向规定为与周围文本的方向相反,该元素是块内元素,其中只允许包含文本和其他块内元素。

        必需属性:dir,文本方向,rtl 或 ltr。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <code>、<kbd>、<samp>、<var>

        声明程序代码,这些元素都是块内元素,其中只允许包含文本和其他块内元素。由该元素包围的文本一般表现为等宽字体。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <br>

        br,换行,该元素是块内元素,是一个空元素,用 /> 闭合。

        可选属性:cite,引文的来源 URL

        标准属性:class、id、style、title

------------------------------------------------------

    <hr>

        br, 横线,分隔线,该元素是块内元素,是一个空元素,用 /> 闭合。

        可选属性:cite,引文的来源 URL

        标准属性:class、id、style、title

=============================================================

=  表现性元素,行内元素,用于修饰文本

=============================================================

    <i> 斜体

    <b> 加粗

    <tt> 等宽

    <sup> 上标

    <sub> 下标

=============================================================

=  多用途元素

=============================================================

    <div>

        div,块、层,用于组织内容,该元素是块级元素,其中只允许包含文本和其他元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <span>

        span,面板,文本块,常用于指定文本,该元素是块内元素,其中只允许包含文本和其他元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

=============================================================

=  嵌入外部内容

=============================================================

    <object>

        object 元素是块级元素,其中只允许包含文本和行内元素。

        可选属性:archive,classid、codebase、codetype、data、declare、height、standby、tabindex、type、usemap、width

        标准属性:class、dir、id、lang、style、title、xml:lang

------------------------------------------------------

    <param>

        param 元素嵌套在 object 元素中,用于定义对象参数和赋值,该元素为空元素,用 /> 结尾。

        必需属性:name,参数名称

        可选属性:type,参数内容的类型;value,name 属性所指的参数的值;valuetype,value 属性的类型,如 data、ref、object。

        标准属性:id

 

=========================================

字体设置举例

<body>
    font-family: "Times New Roman", Arial;
    font-size: 12px;
    line-height: 1.5 em;
</body>

列表样式设置

ul {
    list-style-type: square;
    /* circle、disc、none */
    list-style-image: url("/images/mybullet.gif");
}

ol {
    list-style-type: upper-roman;
    /* lower-roman、upper-alpha、lower-alpha、decimal */
}

转载于:https://www.cnblogs.com/shilxfly/p/9436931.html

相关文章:

  • 《性能测试诊断分析与优化》推荐序(2)
  • Go实现发送解析GET与POST请求
  • 转新浪微博 Facebook新园区黑客之路
  • N天学习一个Linux命令之dmesg
  • 数据越权访问,谁之错?
  • Spring STS Call Hierarchy 查找不到被调用的信息
  • 方格取数 2
  • jira中级使用说明(节选)
  • 道具研究(一)
  • Python3.6全栈开发实例[002]
  • 有爱游戏地图
  • 安卓(android)程序如何改变程序名称
  • JS引擎的执行机制:探究EventLoop(含Macro Task和Micro Task)
  • 如何改变iOS程序名称
  • server 打开失败
  • (十五)java多线程之并发集合ArrayBlockingQueue
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • 002-读书笔记-JavaScript高级程序设计 在HTML中使用JavaScript
  • CSS实用技巧
  • ES6系统学习----从Apollo Client看解构赋值
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • idea + plantuml 画流程图
  • leetcode386. Lexicographical Numbers
  • Promise面试题2实现异步串行执行
  • SpiderData 2019年2月25日 DApp数据排行榜
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • 编写符合Python风格的对象
  • 程序员最讨厌的9句话,你可有补充?
  • 猫头鹰的深夜翻译:Java 2D Graphics, 简单的仿射变换
  • 面试遇到的一些题
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 如何合理的规划jvm性能调优
  • 通过npm或yarn自动生成vue组件
  • 我是如何设计 Upload 上传组件的
  • 学习Vue.js的五个小例子
  • media数据库操作,可以进行增删改查,实现回收站,隐私照片功能 SharedPreferences存储地址:
  • 你对linux中grep命令知道多少?
  • Java数据解析之JSON
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • 我们雇佣了一只大猴子...
  • 整理一些计算机基础知识!
  • ​ArcGIS Pro 如何批量删除字段
  • ​虚拟化系列介绍(十)
  • # Pytorch 中可以直接调用的Loss Functions总结:
  • #define 用法
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • $NOIp2018$劝退记
  • (pytorch进阶之路)CLIP模型 实现图像多模态检索任务
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (附源码)springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (接口封装)
  • (十六)串口UART
  • .NET6实现破解Modbus poll点表配置文件
  • .netcore 如何获取系统中所有session_ASP.NET Core如何解决分布式Session一致性问题
  • ::