HTML标签03

server/2024/11/15 0:12:44/

HTML 颜色

HTML 颜色有三种显示方式

  1. #FF0000
  2. 直接输入颜色的英语单词
  3. 使用rgb(x,y,z) x,y,z的取值范围是0-255

HTML 脚本

HTML script 标签

<script> 标签用于定义客户端脚本,比如 JavaScript。<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。JavaScript 最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出"Hello World!":
<script>
document.write("Hello World!");
</script>

<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容:
<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

HTML 字符实体

  HTML 中的预留字符必须被替换为字符实体。
  一些在键盘上找不到的字符也可以使用字符实体来替换。

HTML 实体

  在 HTML 中,某些字符是预留的。

  在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

  如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:

&lt; 或 &#60; 或 &#060;

使用上述代码就可以显示出小于号

HTML 空格

&nbsp;

结合音标符

在这里插入图片描述

HTML字符实体

在这里插入图片描述

HTML5 Canvas

HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。

创建一个画布(Canvas)

  一个画布在网页中是一个矩形框,通过 元素来绘制.

<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #000000;">
</canvas>

使用 JavaScript 来绘制图像

  这里先不做介绍,等到iavascript介绍。

HTML5 Video(视频)

  video元素提供了 播放、暂停和音量控件来控制视频。

  <button onclick="playPause()">播放/暂停</button> <button onclick="makeBig()">放大</button><button onclick="makeSmall()">缩小</button><button onclick="makeNormal()">普通</button>
<video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">
</video>

HTML5 Audio(音频)

  control 属性供添加播放、暂停和音量控件。

<audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg">
</audio> 

HTML5 Input

Input 类型: color

  color 类型用在input字段主要用于选取颜色。

 <input type="color">

Input 类型: date

  date 类型允许从一个日期选择器选择一个日期。

Input 类型: datetime

  datetime 类型允许选择一个日期(UTC 时间)。

Input 类型: datetime-local

  datetime-local 类型允许你选择一个日期和时间 (无时区).

Input 类型: email

  email 类型用于应该包含 e-mail 地址的输入域。

Input 类型: month

  month 类型允许你选择一个月份。

Input 类型: number

  number 类型用于应该包含数值的输入域。还能够设定对所接受的数字的限定。

Input 类型: range

  range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。

<input type="range" value="30"></input>

Input 类型: search

  search 类型用于搜索域,比如站点搜索或 Google 搜索。

Input 类型: tel

  定义输入电话号码字段。

Input 类型: time

  time 类型允许选择一个时间。

Input 类型: url

  url 类型用于应该包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值。

Input 类型: week

  定义周和年 (无时区)


http://www.ppmy.cn/server/5502.html

相关文章

自然语言处理基础面试

文章目录 TF-IDFbag-of-wordsBert 讲道理肯定还得有Transformer&#xff0c;我这边先放着&#xff0c;以后再加吧。 TF-IDF TF&#xff08;全称TermFrequency&#xff09;&#xff0c;中文含义词频&#xff0c;简单理解就是关键词出现在网页当中的频次。 IDF&#xff08;全称…

文心一言vsGPT-4全面对比

文心一言和GPT-4都是当前非常先进的人工智能语言模型&#xff0c;它们各自具有独特的特点和优势。以下是对这两款工具的全面比较&#xff1a; 文心一言是由百度开发的一款大型人工智能语言模型&#xff0c;它基于强大的深度学习技术和海量的数据资源&#xff0c;具备出色的语言…

C++类和对象(中)(1)

一、类的6个默认成员函数 在一个类中&#xff0c;如果这个类什么都没有&#xff0c;那么这个类我们称之为空类&#xff0c;那么空类中真的什么都没有吗&#xff1f;其实并不是&#xff0c;任何类在什么都不写的情况下&#xff0c;编译器也会自动生成六个默认成员函数。 默认成…

通往大厂之路:Solr面试题及参考答案100道题

目录 什么是Solr,它主要用来做什么? 解释Solr和Lucene的关系。 Solr有哪些主要特点?

vue--样式绑定--样式切换方法

1.通过改变类名的方法改变盒子样式 可以通过 :class变量名来动态改变标签的样式名&#xff0c;变量值可以是字符串、数组、对象 1.字符串写法 适用于样式类名不确定需要动态指定 <div classbase :classa>Text</div> data:{ a:normal } classbase和 :classa可…

【WPF】取色器-Color Extractor

【WPF】取色器 序实现HookScreen Colorlayout.CS预览下载序 取色器是一个非常实用的小工具,网上也很多可供下载使用。为什么已有却还是想要自己去实现一个呢?一方面是因为工具虽小但毕竟涉及到操作系统 API 的使用。另一方面想要在技术上精进一些。 实现 实现思路测试通过 Ho…

数据的质量控制软件----fastQC

一、前言 FastQC的基本介绍: FastQC是一款基于Java的软件&#xff0c;它可以快速地对测序数据进行质量评估&#xff0c;其官网为&#xff1a;Babraham Bioinformatics - FastQC A Quality Control tool for High Throughput Sequence Data 高通量测序数据的高级质控工具输入…

详细理解React的Fiber结构

一、为什么会出现Fiber 旧版 React 通过递归的方式进行渲染&#xff0c;使用的是 JS引擎自身的函数调用栈&#xff0c;它会一直执行到栈空为止。而Fiber实现了自己的组件调用栈&#xff0c;它以链表的形式遍历组件树&#xff0c;可以灵活的暂停、继续和丢弃执行的任务。实现方式…