html的一些常用词汇(还没完善)

<a>标签

超链接:

<a href="你要前往的链接、地址">标题</a>

被下载的超链接目标:

<a href="文件地址" download="标题">
<img border="0" src="图片地址" alt="标题">
</a>

文字中显示文字

<abbr title="233333">emmm</abbr>

HTML5 中不支持 <acronym> 标签
可以使用<abbr>标签替代

<address>
<a href="Example.com 的联系信息">emmm</a>
</address>

<article>标签可以用于
帖子、文章、评论等
<aside>标签可以用在文章的侧栏等位置

<audio src="音频播放文件地址" controls="controls">
</audio>
<audio controls="controls" autoplay="autoplay">
<source src="音频播放地址" type="音频播放地址" />
</audio>
<audio controls="controls">

中的controls="controls"带有浏览器默认控件
控件包括
播放、暂停、定位、音量等(自行摸索)

<audio controls="controls" loop="loop">

中的loop="loop"播放完会自动播放

<audio controls muted>

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

<p>:普通文本
<b>:粗体文本

<base> 标签为页面上的所有链接规定默认地址或默认目标
<base target="_blank" />链接会在新窗口中打开
<bdi>:文本隔开
<li>:标记
<bdo dir="rtl">:让该文本反过来(控制文本方向)

浏览器在<blockquote>添加了换行,并增加了外边距

<body background="可以作为网站背景图片">

背景颜色

<body bgcolor="#E6E6FA">

设置所有文本颜色

<body text="想要的颜色">

已访问网址变红色

<body vlink="red">

显示一个红色的矩形(需要用到<script>)

<canvas id="myCanvas"></canvas>

使用<caption>来定义表格标题

<center>对其所包括的文本进行水平居中

<col> 标签添加 class 属性,这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等

<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化

<data>标签不太会解释可以试试这个代码

<ul>
<li><data value="123">emm</data></li>
<li><data value="124">233</data></li>
<li><data value="125">zzz</data></li>
</ul>

<datalist>该标签用法

<form action="/某某文件地址">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="5555">
<option value="2333">
<option value="emmm">
<option value="sunian">
</datalist>
<input type="按钮名称" value="按钮名称"><!--按钮-->
</form>

<dd> 在定义列表中定义条目的定义部分

试试这两个代码

<del>2333</del> <ins>emmm</ins>

<details>用途

<details>
<summary>5555555</summary>
<p>八十八十八十八十八十</p>
</details>

<dialog>的一些用法

<dialog open>(open元素可以出现一个小窗口)</dialog>

难以解释的<dir>(到这里就不会解释了)

<dir>
<li>1</li>
<li>2</li>
<li>3</li>
</dir>

<div>标签的用处很广泛,例如

<div style="color:#00FF00">
  <h3>5555</h3>
  <p>233333333333</p>
</div>

<embed>插入文件

<embed src="文件地址" />

<fieldset>可以将表单内的相关元素分组

<figcaption>定义一个标题

<figure>
<figcaption>可以试试这个</figcaption>
<img src="图片地址" width="100" height="100" />
</figure>

<figure>规定独立的流内容(图像、图表、照片、代码等等)

<font>规定文本的字体、字体尺寸、字体颜色

<font size="3" color="red">emmmmmmmm</font>

<footer>文章页脚部分

<footer>
<p>emmmmmm</p>
</footer>

<form>标签用于为用户输入创建 HTML 表单

<form action="提交到的目标">
are you sb<br>
<input type="text" name="firstname" value="。。。。">
<br>
are you 脑瘫<br>
<input type="text" name="lastname" value="。。。。">
<br><br>
<input type="000" value="提交">
</form> 

<frame>标签定义 frameset 中的一个特定的窗口(框架)

<frameset cols="25%,50%,25%">

  <frame src="文件地址">
  <frame src="文件地址">
  <frame src="文件地址">

</frameset>

<h1>-<h6>的效果

<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>

<head>一个简单的 HTML 文档,带有最基本的必需的元素
它是所有头部元素的容器。下面这些标签可用在 head 部分:

base, link, meta, script, style, 以及 title

<header>标签定义文档的页眉(介绍信息)

<hr>被水平线分隔的标题和段落

<html>此元素可告知浏览器其自身是一个 HTML 文档

<i>的用法

<i>
  <p>
  苏念
  </p>
</i>

<iframe>框架

<iframe></iframe>

<img>插入图片

<img src="图片地址" />

<input>按钮

<input type="2222" value="111">

<ins>用法

<del>555</del> <ins>666</ins>

<keygen>标签规定用于表单的密钥对生成器字段

<form action="文件地址" method="get">
<p>
用户名:<input type="text" name="usr_name" />
</p>
<p>
加密:<keygen name="security" />
<input type="submit" />
</p>
</form>

<label>标签为 input 元素定义标注

<form>
<label for="male">555</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">666</label>
<input type="radio" name="sex" id="female" />
</form>

<legend>用法

<form>
<fieldset>
<legend>sunian</legend>
</fieldset>
</form>

<li>用法

<p>有序列表</p>
<ol>
<li>青花瓷</li>
<li>晴天</li>
<li>兰亭序</li>
</ol>
<p>无序列表</p>
<ul>
<li>其实</li>
<li>刚刚好</li>
<li>演员</li>
<ul>

<link>标签定义文档与外部资源的关系

<head>
<link rel="stylesheet" type="text/css" href="文件地址" >
</head>

<main>标签规定文档的主要内容
(没多大用处)

<map>定义一个客户端图像映射

<mark>标注重要文本

<p>其实台下的<mark>观众</mark>就我一个</p>

<menu>的用法

<menu type="toolbar">
 <li>
  <menu label="File">
   <button type="button" onclick="file_new()">1</button>
   <button type="button" onclick="file_open()">2</button>
   <button type="button" onclick="file_save()">3</button>
  </menu>
 </li>
 <li>

   <button type="button" onclick="edit_cut()">4</button>
   <button type="button" onclick="edit_copy()">5</button>
   <button type="button" onclick="edit_paste()">6</button>
  
 </li>
</menu>

<meter>用法

<meter value="9" min="0" max="10">9/10</meter><br>
<meter value="0.2">20%</meter>

<nav>规范超链接格式

<nav>
<a href="文件地址">sunian</a> |
<a href="文件地址">cijiu</a> |
<a href="文件地址">。。。</a> 
</nav>

<noframes>可为那些不支持框架的浏览器显示文本

<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>

<ol>标签定义有序列表

<optgroup>用来定义选项

<select>
  <optgroup label="555">
    <option value="volvo">123</option>
    <option value="saab">124</option>
  </optgroup>
  <optgroup label="666">
    <option value="mercedes">125</option>
    <option value="audi">126</option>
  </optgroup>
</select>

<option>标签建立列表选项

<select>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

<output>标签定义不同类型的输出,比如脚本的输出

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="0">100
+<input type="number" id="b" value="123">
=<output name="x" for="a b"></output>
</form>

<picture>标签在指定图像资源方面更具有灵活性

<picture>
  <source media="(min-width:650px)" srcset="文件地址1">
  <source media="(min-width:465px)" srcset="文件地址2">
  <img src="文件地址3" alt="Flowers" style="width:auto;">
</picture>

<progtess>标签弄的一个进度条

<progress value="52" max="100">
</progress>

<q>标签用""标注的段落

<p>are you
<q>SB</q>
?</p>

<ruby>定义字符发音

<ruby>
苏念<rt>
sunian
</rt>
</ruby>

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞14 分享
    sunian的头像 | zmzaxg | blog社区 | 南凝呀!
    说说你的看法: 抢沙发
    头像
    欢迎您留下宝贵的见解!
    提交
    头像

    昵称

    取消
    昵称表情代码图片