web知识点汇总

设置页面编码格式

<meta charset="UTF-8">

<a href=index.html> 链接 </a>

text-decoration 属性规定添加到文本的修饰

值	描述
none	默认。定义标准的文本。
underline	定义文本下的一条线。
overline	定义文本上的一条线。
line-through	定义穿过文本下的一条线。
blink	定义闪烁的文本。
inherit	规定应该从父元素继承 text-decoration 属性的值。

任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
IE、Chrome 或 Safari 不支持 "blink" 属性值。

<style type="text/css">
        h2 {color: blue}
</style>

<hr> 标签在 HTML 页面中创建一条水平线

<hr size=1 color="red">

align设定图像的对齐方式，属性可选值为:top，bottom，middle，right，left，justify(对行进行伸展，这样每行都可以有相等的长度)等。语法结构为 <div style="text-align:center">

<address> 标签定义文档或文章的作者/拥有者的联系信息。
如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。
如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

<b></b>标签定义粗体的文本，也可以使用 CSS 的 "font-weight" 属性设置粗体文本。

根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。HTML 5 规范声明：标题应该用 <h1> - <h6> 标签表示，被强调的文本应该用 <em> 标签表示，重要的文本应该用 <strong> 标签表示，被标记的或者高亮显示的文本应该用 <mark> 标签表示。

<script type="text/javascript">
      alert("Hello World!")//显示一个对话框
</script>

<li> 标签定义列表项目，<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

http-equiv="Content-Type"：http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部. 浏览器是通过Content-Type这个标记来了解文件类型的，而不是后缀名。说明这是个html文件。

content=text/html：text/html是一种标准的文件类型映射说明，可以叫MIME，是所有平台通行的。text/html之外还有text/css、text/javascript、application/vnd.ms-excel等等。

charset=UTF-8：编码方式，用的是utf-8编码

背景音乐的设置：

<bgsound src="Eminem - The Monster (feat. Rihanna).mp3" loop="-1">

<audio autoplay="autoplay" controls="controls" loop="loop" preload="auto" src="Eminem - The Monster (feat. Rihanna).mp3"></audio>

controls="controls" //在页面内显示显示控件

autoplay="autoplay" //打开网页时自动播放

"loop="loop" //背景音乐重复播放

preload="auto" //音频在页面加载的同时进行加载，并预备播放

src="" //在""内加入背景音乐的保存路径

//可以直接使用css 的display控制audio标签的显示：

 audio{  
        display: none;  
 }

<audio autoplay="autoplay" loop="-1">
  	<source src="Eminem - The Monster (feat. Rihanna).mp3" type="audio/mp3" />
</audio>

loop="-1" //音乐无限循环

<embed src="Eminem - The Monster (feat. Rihanna).mp3" hidden="true" autostart="true" loop="true">

1、src="",在""内添加音乐的保存路径。
2、使用hidden="true"表示隐藏音乐播放按钮，相反使用hidden="false"表示开启音乐播放按钮。
3、使用autostart="true" 表示是打开网页加载完后自动播放。

4、使用loop="true"表示循环播放。如仅想播放一次则为：loop="false"

字体设置

<font face="verdana">This is some text!</font>

HTML字体样式合集

字体颜色

<font color="red">This is some text!</font>

值	描述
color_name	规定颜色值为颜色名称的文本颜色（比如 "red"）。
hex_number	规定颜色值为十六进制值的文本颜色（比如 "#ff0000"）。
rgb_number	规定颜色值为 rgb 代码的文本颜色（比如 "rgb(255,0,0)"）。

字体大小

<font size="5">This is some text!</font>

合集

<p style="font-family:verdana;font-size:80%;color:green">
This is a paragraph with some text in it. </p>

猜你喜欢