HTML笔记（一）

标签

<div>标签，如使得文档中的一个部分会显示为绿色：

<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

最新H5规范中,CSS和JS自带默认type,不需要声明;
但不是所有客户的浏览器都是最新的,建议加上type属性

<style></style>
<style type="text/css"></style>

<script></script>
<script type="text/javascript"></script> 

<a>指定超链接。不使用 href 属性，则不可使用属性：download, hreflang, media, rel, target,type 属性。作用仅仅是个占位符。

<a>before:</a>
<a href="http://www.w3school.com.cn">W3School</a>

<p> 标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。

<p>This is some text in a very short paragraph</p>

CSS样式表的指定

.class选择器

<style>
.class_1 {
    height:100px;
    width:100px;
    background:red;
}
</style>

<div id="div_1" class="class_1"></div>

交互标签内常用事件

onclick        单击

ondblclick    双击

onfocus        元素获得焦点

onblur        元素失去焦点

onmouseover   鼠标移到某元素之上

onmouseout    鼠标从某元素移开

onmousedown   鼠标按钮被按下

onmouseup     鼠标按键被松开

onkeydown     某个键盘按键被按下

onkeyup       某个键盘按键被松开

onkeypress    某个键盘按键被按下并松开