本文详细介绍了HTML的基本结构与常用标签，包括段落、标题、列表、链接等元素的应用，并讲解了如何使用表单、图片和表格等内容。
1. HTML
一、 基本结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
二、 基本概念
1) 标签 tag
1. 开始标签 <div id="layer1">
2. 结束标签 </div>
3. 空标签 换行 <br /> 水平线 <hr /> 图像 <img src=”” />
4. 空格  
2) 属性 attribute
3) 元素 element = <div id="layer1">......</div>
三、 主要标签（笔记）
1) 有关格式的
1. <p>...</p> ：段落
2. <br /> ：段内换行
3. <h1>...</h1> ：标题，公分 6 级， h1~h6
2) 链接 <a>...</a>
3) 列表
1. <ul></ul> 无须列表 <li></li> 列表项
2. <ol></ol> 有序列表
4) 表格
1. <table></table> 列表
2. <tr /> 列表行
3. <td /> 列表格
5) 表单
1. <form action="" method="">
2. <lable>dsadasd</lable>
3. <input type="text" /> password
四、 主要标签（块级元素换行 内联元素不换行）
1) 标记文本
标题： h1 、 h2 、 h3 、 h4 、 h5 、 h6
段落： p
长引用：（使所有首行缩进表示引用的文本） blockquote
短引用： q 如同长引用
预格式文本：（保持编辑时的格式显示在网页上） pre
各种列元素： <ol start=””>: 值填几表示从几开始、 ul 、 li 、 dl 、 dt 、 dd dl 如同 ul 、 ol ， dt 用来描述 dl 列表项的意义， dl 如同 li 属性 list-style 可设置无须列表
水平线： hr
2) 表意内联元素
强调文本： em 斜体 strong 粗体
简写： <abbr title=””>….</abbr>title 里是全写 标签包含为缩写 浏览器能显示
缩写： <acronym title=””> 同简写
3) 泛型元素
Div span span 不换行可以定义在内联元素内
4) 链接
<a href=”” target= “” ></a> a 属于内联元素 target 属性表示是否把链接显示在新窗口中“”起任意没有 _ 开头的名字
网页链接为 http:// 邮件链接为 mailto
5) 加入图片
<Img /> src 属性：选择图片地址 alt 属性描述图片属性
6) 表格
表： table
表标题： caption 位于 table 内 摘要 summary 为摘要属性一般不显示。
表行： tr
表头： th 属性 headers 把 td 绑定到第一个 th
表格信息： td
合并属性： colspan （ rowspan ） = “”它的值表示合并几列（行）
7) 表单
表单容器： form 位于表单最外层
<form action=”” method=”post”>action 的值发送到服务器的脚本中
标签： <label for=” 指定描述对象的 ID ”> 如 <input type=”” name=”” id=”ID ”> 使得标签与对象对应
表单中的字段集： <fieldset> <legend> 为字段集添加标题，位于 fieldset 内部
文本输入控件： a 单行文本输入域： <input type=”text” />
属性： value= “”在输入域中默认显示的文本
Size= “”设置输入域中字符宽度。默认值是 20 个字符
Maxlength ：带有滚动条的输入域 字符不限
b 密码输入域： <input type=”password” />
c 多行文本输入控件： <textarea name=”” rows=”” cols=””> 了解
提交和重设按钮： <input type=”submit”> <input type=”reset” />
属性 value 按钮上的文字
自定义输入按钮： <input type=”button”> 可作为 script 调用 属性同上
单选按钮和复选框： <input type=”radio” /> <input type=”checkbox” />
菜单： <select> 为定义菜单 <option> 为菜单选项 <optgroup> 为菜单项分组
文件选择控件： <input type=”file” />
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
