您的位置：首页 > Web前端 > HTML

HTML入门笔记

2015-08-05 22:54 489 查看

1.开发准备

开发工具

intellij IDEA
WebStorm
eclipse
dreamweaver
notepad++

参考文档

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

2.HTML语法
标签名、属性不区分大小写。
HTML实体字符

空格：
<：<
>：>
&：&
"：&quo1.跨平台

HTML主体结构

<html>

<head>

<title>该标签必须存在</title>
<base href="URL" target="" />
<link />

</head>
<body>

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

</body>

</html>

<body>中标签

格式标签

<br>：换行
<p>：换段落
<pre>：预格式化，保存文字在源码中的格式
<li>：列表项目
<ul>：无序列表
<ol>：有序列表
<hr>：水平分隔线

文本标签

<hn>：n为1~6，定义六级标题
<b>：粗体字
<i>：斜体字
<u>：下划线
<font>：字体
<tt>：打印机文字
<small>：小型字体标签
<big>：大型字体标签
<sub>：文字下标
<sup>：文字上标

插入图片<img />

src：图片的URL路径名
alt：文字说明（作用有三：光标在图片上的停留显示；图片未加载时的文字显示；搜索引擎抓取的依据）
width,height,border：宽，高，边缘。

超链接和锚点<a href="URL" name="name" target="target">链接文字</a>

href：链接地址，可以为绝对地址，相对地址，#锚点名称。
name：锚点名称
target：打开链接所使用浏览器的窗口名称

_self：当前窗口。
_blank：新窗口。
_parent：（框架中的）父窗口。
_top：（框架中的）顶层窗口。

表格

<table></table>表格基本标签

align：指定表格在上一层中排版位置（left\center\right）
width,height,border：宽，高，边缘。
cellspacing：单元格之间的间距。
cellpadding：单元格内容和边框之间的间距。

<caption>表格标题</caption>
<tr>行标记</tr>
<th>表头单元格标签</th>
<td>数据单元格标签</td>

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

<frameset>框架集</frameset>取代<body></body>。
对于子窗口内容必须包含在单标签<frame />中。
框架可以嵌套。

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

表单属性<form></form>

name：名称
method：表单信息传送方式（GET：表单内容附加在URL后，长度限制8196且为ASCII码值，无保密性/POST：表单内容随表单主体一起发送至服务器，无长度限制）
action：处理程序名，不能为空（空：action="no"）。
target：类似于链接，表明提交后的打开方式。

输入域<input />

type="text"：文本域。
type="radio"：单选按钮。
type="checkbox"：复选框。
type="button"：普通按钮，需结合javascript等脚本一起使用。
type="password"：密码域。
type="submit"：提交按钮，提交后表单内容交由action处理。
type="reset"：重置表单内容按钮。
type="hidden"：隐藏域，不显示。
file，hidden，image， susbmit

<textarea>多行文本域</textarea>
<select>下拉列表域</select>

<option value="" selected>列表项</option>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html web 前端

相关文章推荐

新的分享

章节导航