HTML入门笔记_html/css_WEB-ITnose

1.开发准备

开发工具

intellij IDEA

WebStorm

eclipse

dreamweaver

notepad++

参考文档

w3c：http://www.w3school.com.cn/

2.HTML语法

标签名、属性不区分大小写。

HTML实体字符

空格： 

>：>

&：&

"：&quo1.跨平台

HTML主体结构

text	设置文字的颜色
bgcolor	设置背景颜色
background	设置背景图案
bgproperties	设置背景图案为固定
link	设置页面默认的链接颜色
alink	设置鼠标正在点击时的链接颜色
vlink	设置访问后的链接颜色
topmargin	设置页面上边局
leftmargin	设置页面左边距

中标签

格式标签

：换行

：换段落

：预格式化，保存文字在源码中的格式

：列表项目

：无序列表

：有序列表

---

：水平分隔线

文本标签

：n为1~6，定义六级标题

：粗体字

：斜体字

：下划线

：字体

：打印机文字

：小型字体标签

：大型字体标签

_{：文字下标}

^{：文字上标}

插入图片

src：图片的URL路径名

alt：文字说明（作用有三：光标在图片上的停留显示；图片未加载时的文字显示；搜索引擎抓取的依据）

width,height,border：宽，高，边缘。

超链接和锚点链接文字

href：链接地址，可以为绝对地址，相对地址，#锚点名称。

name：锚点名称

target：打开链接所使用浏览器的窗口名称

_self：当前窗口。

_blank：新窗口。

_parent：（框架中的）父窗口。

_top：（框架中的）顶层窗口。

表格

表格基本标签

align：指定表格在上一层中排版位置（left\center\right）

width,height,border：宽，高，边缘。

cellspacing：单元格之间的间距。

cellpadding：单元格内容和边框之间的间距。

表格标题

行标记

表头单元格标签

数据单元格标签

HTML框架结构（将浏览器窗口划分为若干子窗口）

框架集取代。

对于子窗口内容必须包含在单标签中。

框架可以嵌套。

表单标记（用于收集交互信息）

表单属性

name：名称

method：表单信息传送方式（GET：表单内容附加在URL后，长度限制8196且为ASCII码值，无保密性/POST：表单内容随表单主体一起发送至服务器，无长度限制）

action：处理程序名，不能为空（空：action="no"）。

target：类似于链接，表明提交后的打开方式。

输入域

type="text"：文本域。

type="radio"：单选按钮。

type="checkbox"：复选框。

type="button"：普通按钮，需结合javascript等脚本一起使用。

type="password"：密码域。

type="submit"：提交按钮，提交后表单内容交由action处理。

type="reset"：重置表单内容按钮。

type="hidden"：隐藏域，不显示。

file，hidden，image， susbmit

多行文本域

下拉列表域

列表项

版权声明：本文为博主原创文章，未经博主允许不得转载。