分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

HTML5元素总结(1)

发布时间:2023-09-06 01:15责任编辑:蔡小小关键词:HTML

1、html

根元素,是其他所有元素的祖先元素。

相关属性:lang :指定文字是采用什么语言书写。

2、head

文档头,html的第一个子元素,可以包含其他元素,描述页面信息,元素中的内容都不会显示在页面上。

(1)、meta:标识页面的其他元素,为空元素,是head的第一个子元素。

         一般表示为:<meta charset="UTF-8">

(2)、title:标识文档标题,显示在浏览器标题栏或标签页上。

        <title>xxxxx</title>

(3)、link:用于引入外部CSS规则。

    <link rel="stylesheet" href="css文件的相对路径"/>

(4)、style:规定html内容的格式,属于css引用内部格式

    <style type="text/css">

         h1<color:red;>

    </style>

3、body

文档体,文档可见内容都放置在该元素内,可以大量包含其他元素。

(1)、文本类

  h1-h6:一级到六级标题

  p:定义一个段落

 q:一般小段引用

  blockquote:大段引用

 span:跨越字符

 pre:预格式文本,按照源格式编排页面

 em:功能性网站上加强调斜体

 i:纯文本斜体

 strong:功能性网站上加粗字体体

 b:纯文本粗体

 abbr:缩写简写标签,全称写在title属性中

 sub:下标

 sup:上标

 br:换行

 hr:分割线

(2)、列表

    <ul><li></li></ul>:无序列表,可以用做导航

   <ol><li></li></ol>:有序列表,用来标识有着先后事件发生顺序的内容

   <dl><dt></dt><dd></dd></dl>:定义列表,可用做名词解释,dt一般放名称,dd放解释内容

(3)、导入文件

   A、图片

  <img src="图片存放路径" alt="图片描述">

 < figure><<img src="图片存放路径" ><figcation>图片描述</figcation></figure>

 B、音频视频

 <video src="路径" controls autoplay loop></video>:自动循环播放视频

 <audio src="路径" controls autoplay loop></audio>:自动循环播放音频

C、链接跳转

 <a href="跳转路径">XXX</a>

锚点:

 <a href="#aaa">XXX</a>

 <a href="" name="aaa">XXX</a>

HTML5元素总结(1)

原文地址:http://www.cnblogs.com/f44shijing/p/7617761.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved