HTML学习笔记

需要在新窗口中打开网页采用"_blank"属性,例如<a href="http://www.google.com" target="_blank"></a>。

XML声明,<?xml version="1.0",encoding="UTF-8">

DOCTYPE声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-transitional.dtd">

html中三个属性组:核心属性组,国际化属性,UI事件

核心属性组:id class title style 

国际化属性:dir lang xml:lang

UI事件:onclick等。

在web开发经常会遇到如: &nbsp; 这样的字符。它其实是Html将一些特殊字符(Html语法字符)的一种表达方式。

下面列举几个常用字符:

&nbsp;  空格

&amp;   &

&lt;       <

&gt;      >

&quot;   "

&qpos;   '


dir属性:文本在浏览器中的显示方向(ltr rtl)

<br/>换行,<hr/>创建一条水平线

<pre>创建预先格式化的文本(保持文本与自己期望的格式一致)

blockquote和q:前者使用时会独立缩进程单独的段,后者是短引用。

<kbd>键盘输入文本

<samp>程序输出

<ul>创建无序列表<ol>有序列表

<dl>

<dt>

<dd>定义列表

<ins>添加文本<del>删除文本

<div>或<span>分组多个元素

<base>指定基URL,例如<base href="...">

<a id="...">创建目的锚点

<a href="#目的锚点">

<tr>定义表行

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两类单元格:

  • 表头单元 - 包含头部信息(由 th 元素创建)
  • 标准单元 - 包含数据(由 td 元素创建)

创建表的时候使用<th id="...">以及<td header="...">使数据对应题头。
高级表
创建独立表头<thead>,表主体<tbody>,表尾<tfoot>


表单

创建表单<form>至少要包含action,method两个属性

将表单的数据发送给服务器采用get(数据作为URL的一部分发送)post(数据隐藏在http头中)

onsubmit属性验证输入数据的准确性。

onreset清除表单内容

enctype编码数据

文本输入控件<input>(单行输入)<textaera>(多行输入)

按钮<button> <input type="submit" "reset" "button">

复选按钮<input type="checkbox">

下拉选项框<select> 滚动,设置属性size显示多少个(设置size,multiple属性时,为列表框形式,没有设置时,为下拉框)

分组选项<optgroup>或者<option disable="disable">

上传文件<input type="file>

隐藏控件<input type="hidden">

<fieldset>在表单控件组周围创建边框,以表明这些表单控件是相关的。

<legend>元素为<fieldset>指定标题,它必须是<fieldset>的子元素

框架

创建框架集文档<frameset>,指定浏览器窗口将如何被划分为多个行和列,可以代替<body>。作用是同一个窗口显示多个独立文档。

单独刷新页面的某一部分,采用AJAX(异步JavaScript and xml)

<frame>用于指示每一个框架的内容。

<iframe>创建浮动框架

<applet>插入Java applet程序(可用<object>代替)

XML数据岛datasrc指定XML的ID,使用datafld与XML元素绑定。

CSS(层叠样式表)

CSS由选择器和声明组成。

<link> 标签定义文档与外部资源的关系。常用于链接样式表,用于链接样式表时,必须带三个属性type,rel,href。

rel="stylesheet" ,type=text/css

CSS规则可以出现在XHTML文档内的两个位置处。<head>元素内,通过style元素包含特性,作为元素的style属性

Quirks和Standard是浏览器解析CSS的两种模式

*{}通用选择器

id选择器p#abstract{}

子选择器td>b{}

后继选择器table b{}

相邻兄弟选择器h1+p{}

CSS框模型

在CSS中,每个元素视为一个框,每个框具有三个属性:border(边框),padding(元素内容与边框的空间量),margin(框之间的距离)

padding,margin特性值不会被子元素继承。

框面积

CSS中的常用长度绝对单位:pt,pc,in,cm,mm,相对单位:px,em,ex

CSS伪类

selector:伪类

@import在当前样式表中导入另一个样式表 @import "mystyle.css"或者@import url("mystyle.css")

@charest指示样式表使用的字符集

!important指示用户自定义的规则比作者的样式表具有更高的优先级

CSS元素定位 position float

position:static relative absolute fixed

float:left right none inherit

页面布局

流体设计(页面内容随着页面的大小而变化拉伸)

CSS滤镜

filter:filtername(parameter)

Alpha Blur Motion-Blur

JavaScript

WEB文档的API称为DOM(文件对象模型)

页面脚本函数放置在<head>的<script>之中,事件触发时调用。或者外部文档。或者<body>中,页面加载时运行。

<noscript>浏览器没开启javascript时,能够显示XHTML文档。

文档对象模型(DOM)包括文档对象、表单对象、图像对象等。

页面中使用多种脚本语言,需要指定默认脚本语言,需要在head中<meta http-equiv="Content-Script-Type" content=“text/JavaScript"

可重用函数,调用时直接赋值,而不是让其自己去获取。使用外部JavaScript文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值