HTML:超文本标记语言

<-- 最好可以自己默写出来 -->

<!DOCTYPE HTML>

<html>

<head>

<title></title>

</head>

<body>

内容

</body>

</html>

  1. 文字、段落类

标签：<i>、斜体</i>、<p align=”left/right/center”>段落</p>、<sub >下标</sub>

<sup>上标</sup>、<m>着重</m><del>删除线</del>、<br />换行符

<h1>标题1</h1>、<h2>标题2</h2>、<h3>标题3</h3>

<h4>标题4</h4>、<h5>标题5</h5>、<h6>标题6</h6>、<b>粗体</b>

  1. 超链接<a href=”URL”></a>

锚点：点：<a href=”#top”>返回顶部</a>, 锚：<a name=”top”></a>

解释：点击（点）的位置，回到（锚）的位置。

邮箱：<a href=”mailto:邮箱号”>邮件发送</a>

电话：<a href=”del:电话号码”>一键拨打</a>

短信：<a href=”sms:电话号码”>一键发送短信</a>

  1. 图像：<img src=”URL” art=””  />

热区：<img src=”URL” usemap=”#map名称” />

<map name=”map名称”>

<area shape=”形状(rect、circle、poly)” coords=”坐标值” href=”URL” />

</map>

  1. 音频：带控制器的音频播放器<audio src=”URL” control=”controls(控件)” ></audio>

如果考虑到不同浏览器对视频文件的兼容性

<audio width="320" height="240" controls>

<source src="song.ogg" type="audio/ogg">

<source src="song.mp3" type="audio/mpeg">

你的浏览器不支持<audio>标签

</audio >

属性说明：

autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

loop loop 如果出现该属性，则每当音频结束时重新开始播放。

preload preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果 使用 "autoplay"，则忽略该属性。

src url 要播放的音频的 URL。

<source>标签

标签说明

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

使用type属性

<video width="320" height="240" controls="controls">

<source   src=“movie.mp4”  type="video/mp4">

你的浏览器不支持<video>标签

</video>

属性说明：

src      url                                                                 要播放的媒体文件的URL

type      视频：video/ogg，video/mp4，video/webm     媒体的MIME类型

音频：audio/ogg，audio/mpeg

  1. 音频:带控制器的视频播放器<video src=“movie.mp4” controls="controls"></video>

如果考虑到不同浏览器对视频文件的兼容性

<video width="320" height="240" controls="controls">

<source src="movie.ogg" type="video/ogg">

<source src="movie.mp4" type="video/mp4">

<p>Your browser does not support the video tag.</p>

</video>

属性说明：

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。

muted muted 规定视频的音频输出应该被静音。

poster URL 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。

preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果                   使用 "autoplay"，则忽略该属性。

src url 要播放的视频的 URL。

width pixels 设置视频播放器的宽度。

height pixels 设置视频播放器的高度。

HTNL基础之一的更多相关文章

  1. HTNL基础之四

    11.<nav>导航元素 标签定义及使用说明 表示页面中导航链接的部分,例如:传统导航条,侧边栏导航,页内导航,翻页等 <nav> 标签定义导航链接的部分. 并不是所有的 HT ...

  2. HTNL基础之二

    HTML实体字符 “<”:< “>”:> “空格”: ' / / '  “"”:"  “®”:®  “©”:© 列表 ①无序列表:列表用来在网页上组织信息, ...

  3. 第六十六节，htnl音频视频

    htnl音频视频 学习要点:     1.音频和视频概述     2.video视频元素     3.audio音频元素 本章主要探讨HTML5中音频和视频元素,通过这两个原生的媒体元素向HTML页面 ...

  4. Web前端基础怎么学？ JavaScript、html、css知识架构图

    以前开发者只要掌握 HTML.CSS.JavaScript 三驾马车就能胜任一份前端的工作了.而现在除了普通的编码以外,还要考虑如何性能优化,如何跨端.跨平台实现功能,尤其是 AI.5G 技术的来临, ...

  5. HTML基础学习心得分享

    开始学些Html的时候主要进行一些简单的静态网页的处理: 1.HTML 标题 HTML 标题(Heading)是通过 h1-h6 加中括号<>等标签进行定义的. 2.HTML 段落 HTM ...

  6. ECMAScript 5.0 基础语法（上）

    银子: 一般来说,一门编程语言的基础语法都是大同小异的.比如,python的基础语法,包括:数据类型,变量,作用域,运算符,流程控制(if...else...语句),循环,编码,数据类型的操作(增删改 ...

  7. 微信小程序基础知识笔记

    微信小程序笔记 文件构成 全局文件 app.json 小程序全局配置文件,必要,自动生成 app.js 小程序入口JS文件,一般只需申明全局变量.处理生命周期以及版本升级即可,必要 app.wxss ...

  8. java基础集合经典训练题

    第一题:要求产生10个随机的字符串,每一个字符串互相不重复,每一个字符串中组成的字符(a-zA-Z0-9)也不相同,每个字符串长度为10; 分析:*1.看到这个题目,或许你脑海中会想到很多方法,比如判 ...

  9. node-webkit 环境搭建与基础demo

    首先去github上面下载(地址),具体更具自己的系统,我的是windows,这里只给出windows的做法 下载windows x64版本 下载之后解压,得到以下东西 为了方便,我们直接在这个目录中 ...

随机推荐

  1. Linux 修改文件夹的用户组权限

    将ubsadm文件夹所属用户修改为userschown -R ubsadm:users /home/ubsadm 此命令将用户123的用户组改为rootusermod -g 123 root

  2. spring boot jpa-java.lang.IllegalArgumentException: Not a managed type异常问题解决方法

    JPA实体类没有被扫描到,导致这样的情况有以下几种可能: 实体类没有加上@Entity注解 对应解决方法在实体类上加上@Entity即可解决问题 没有按照SpringBoot的约定,默认扫描(appl ...

  3. zookeeper源码 — 五、处理写请求过程

    目录 处理写请求总体过程 客户端发起写请求 follower和leader交互过程 follower发送请求给客户端 处理写请求总体过程 zk为了保证分布式数据一致性,使用ZAB协议,在客户端发起一次 ...

  4. maven在整合springmvc+hibernate运行时遇到的一些问题

    在这里大概记录一下自己在搭建的时候遇到的一些小问题. 1,在获取hibernate的sessionFactory对象时报空指针异常,我的常规配置如下:

  5. export default {} 和new Vue()区别？

    export default 的用法:相当于提供一个接口给外界,让其他文件通过 import 来引入使用. 而对于 new Vue({})部分, 只是创建一个Vue的实例 就是相当于创建一个根组件 h ...

  6. Session_start的使用

    PHP session用法其实很简单它可以把用户提交的数据以全局变量形式保存在一个session中并且会生成一个唯一的session_id,这样就是为了多了不会产生混乱了,并且session中同一浏览 ...

  7. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_22-CMS前端页面查询开发-Api调用-跨域解决

    点击页面查询按钮 ,报错.跨域问题. 前端端口是11000 请求后端的服务地址端口是31001 出现跨域 开始解决跨域 把前面带端口的地址 用变量代替 只有带/api/cms开头的就转发的服务端310 ...

  8. 在Mac 搭建robotframework 环境

    折腾来一下午,遇到了好多坑 坑 1.不要用pip 下载wxpython 2.不要用mac自带的python 3.不要自己下载wxpython 步骤: 1. 安装homebrew, /usr/bin/r ...

  9. eclipse、MyEclipse 修改字符集和JDK

    eclipse 中UTF-8设置 1.windows->Preferences   打开"首选项"对话框: 2.然后,general->Workspace,右 侧Tex ...

  10. 2018.04.03 ABAP OLE操作整理

    OLE整理: 1.定义,分别对应EXCEL,workbook(工作簿),sheet(页),单元格 DATA: EXCEL_OBJ TYPE OLE2_OBJECT, BOOK_OBJ TYPE OLE ...