HTML笔记(一)

来源:互联网 发布:pca算法人脸识别 编辑:程序博客网 时间:2024/05/21 19:45

标签

<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    某个键盘按键被按下并松开