个人记录HTML基础笔记

无功能性标签

en strong 都表示强调，strong强调级更高

abbr 缩写
<abbr title="wangweiwang">w3c</annr>
title属性是一个全局属性，都可以用

address 地址元素

blockquote 块引用

cite 引用一段话

ins 定义被插入

del 定义被删除

sup 上标

sub 下标

hr 分割线

bdo 改变文本渲染顺序

<bdo dir="ltr">this is a test</bdo>

<bdo dir="rtl">this is a test</bdo>

pre 将样式原样输出

this is a test

var 变量
<var>aaaaaaaaa</var>结果：
aaaaaaaaa

功能性标签

<a href="www.baidu.com"></a>

链接

<a href="#bottom">跳转到</a>
<a href="" name="bottom">这里是底部</a>
或<div id=bottom>这里是底部</div>

锚点 如果a标签的href属性不写值得话会存在隐藏锚点，影响页面响应效率

<iframe href="www.baidu.com" height="800"></iframe>

iframe 嵌套网页

<img src="" alt="123" usemap="#demo-test"/>
<map name="demo-test" id="demo-test">
<area href="https://www.baidu.com" shape="circle" coords="200,200,50" target="_blank" alt="123" />
</map>

img 图片 alt影响网站评分

<base href="http://www.baidu.com">

base 所有页面的基础链接

<form action="01.php">
<input type="button" value="button"><br>
<input type="file" name="" id=""><br>
<input type="hidden" name=""><br>
<input type="text" name="" id="" height="100" width="100"><br>
<input type="password" name="" id=""><br>

男:<input type="radio" name="sex" id=""><br>
女:<input type="radio" name="sex" id=""><br>
未知:<input type="radio" name="sex" id=""><br>
你的年龄是：<br>
<input type="checkbox" name="age" id="">19<br>
<input type="checkbox" name="age" id="">20<br>
<input type="checkbox" name="age" id="">21<br>
<input type="checkbox" name="age" id="">22<br>

<input type="image" src="java2.png" alt="java2" width="300" height="300"><br>
<input type="reset" value="重置"><br>
<input type="submit" value="提交">
</form>

所有input的type属性的用法