HTML笔记2
h1-h6 :标题，会加粗；
em标签来表示强调的文本，斜体；
strong 标签来表示重要文本，加粗；
mark 标签来表示标注的/突出显示的文本,加背景色；
hr加水平线；
i 斜体；
small小号字体；
big放大字体字号
sub 定义下标文本；
sup上标文本；
u加下划线；
尽量使用样式表
<p>这是普通内容p>
<em>这是被强调的内容em><br/>
<strong>这是重要的文本strong><br/>
<b>这是b><br/>
<mark>这是被标记的文本mark>base为页面上的所有标签规定默认地址和target； 如有很多图片或音频，可把它们放在同一文件夹中，制定一个url地址，使用base规定默认地址，那么下面调用图片时不必再写完整路径写上图片名即可，他会自动从base指定的文件夹中调用；
bdi bidi隔离，标签中的内容脱离父元素的文本设置方向；
bdo覆盖默认的文本方向，属性dir=”ltr”从左往右，dir=”rtl”从右往左；
<bdo dir="rtl">there is a penbdo>
button 按钮，button中可以放置内容，如图片文本等，但不允许用图像映射area，需要为按钮规定type属性，IE的默认属性是button，而其他浏览器的默认类型为submit，在表单中创建按钮需用input（单选按钮type=”radio”,复选按钮type=”checkbox”,单选按钮有相同的name属性才可以多选一）。button的其他属性type有button、submit、reset
canvas 标签定义的图形容器，相当于一块画布，需要用脚本来绘制图形
<canvas id="myCanvas" height="200px" width="200px">canvas>
<script type="text/javascript">var ca=document.getElementById("myCanvas");var cat=ca.getContext("2d");cat.fillStyle="#FFF100";cat.fillRect(0,0,150,75);
script>caption>定义表格标题 后跟html表格，如
<table border="5">
<caption>表格演示caption>
<tr><th>表头1th><th>表头2th><th>表头3th>
tr>
<tr><td>数据1td><td>数据2td><td>数据3td>
tr>
table>col 为表格中的一个或多个列定义属性值,H5不支持其中的大多数属性
<table width="30%" border="2"> <caption>col效果演示caption><col span="2" style="background-color:red"><col style="background-color:yellow"><tr><th>表头1th><th>表头2th><th>表头3th>tr><tr><td>数据1td><td>数据2td><td>数据3td>tr>
table>
自定义列表
<dl><dt>列表标题dt><dd>对标题的描述dd>
dl>无序列表 列表前面会有默认实心小黑点，设置ul的type属性可改变小黑点，circle空心圆，square正方形。去掉默认的实心小圆点给css样式：list-style:none;
<ul><li>第一行li><li>第二行li>
ul>```有序列表 每行内容前会有默认的1.2.3.4。去掉默认的1.2.3给css样式：list-style:none;
ol的type=”1/a/A/i/”可以定义不同的序号类型，ol的start=”数字几”表示序号从几开始；
<ol start="3" reversed="revesed"><li>第一行li><li>第二行li><li>第三行li>
ol>del> 定义删除文本 与ins更新配合使用来描述文档的更新和修改；
<p>这是<del>删除del>和<ins>更新ins>的文本p>filedset为表单的一部分内容打包，为打包的表单内容定义标题；
<figure><figcaption>这是图片的标题figcaption><img src="../img/eg_planets.jpg"/>
figure>form包含创建表单，可以包含 input ，menus、textarea、fieldset、legend 和 label 元素；
frameset定义一个框架集要用属性rows和cols来定义其行和列的数目和尺寸，与搭配使用
frameset不能与 同时使用；（代码片段来自W3School）
<html>
<frameset rows="25%,50%,25%"><frame src="/example/html/frame_a.html"><frame src="/example/html/frame_b.html"><frame src="/example/html/frame_c.html">
frameset>
html>
label为input元素提供标注，本身并不会在页面上显示出来，它的for属性应与input的id属性相同
<form><label for="m">manlabel><input id="m" type="radio" name="sex"/>
<br/><label for="w">womanlabel><input id="w" type="radio" name="sex"/>
form>mark显示突出文本，
<p>I want some <mark>foodmark>p>
meter 尺度，定义已知范围内的标量测量，属性，value=”度量的当前值，必须的属性”，min=”规定范围的最小值”，max=”规定范围的最大值”。
<meter value="2" min="0" max="4">二分之一meter>
<meter value="0.5" >50%meter>select单选或多选菜单，定义select中的可用选项，组合相关的option选项，opgroup的必选属性label=”选项组的描述”。
<select><optgroup label="fruit"><option>appleoption><option>orangeoption><option>watermelonoption>optgroup><optgroup label="color"><option>redoption><option>yellowoption><option>blueoption>optgroup>
select>progress进度条 属性value=”当前值”，max=”最大值”
q标记引用，会在引用两边插入引号；
section文档中的节，如文档中的一段或者页眉页脚；
source 为媒体元素定义媒介资源（audio，radio），audio的src属性也可以达到这种目的，但是source可以提供多种类型的文件资源，让浏览器自主选择它可以解析的文件；
<textarea rows="3" cols="10">不知道怎么融入大家，焦虑
textarea>vedio视频文件
<video src="../img/movie.ogg" controls="controls">video>一些自己非常熟悉的标签不再进行赘述
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！