HTML
2019-03-31 21:57:46 15 举报AI智能生成
html
作者其他创作
大纲/内容
标签属性
属性的表示方式：“名称=值”，例如：<font size="7">hello</font>
注意事项：
1）属性值应该使用引号引起来，单引号和双引号都可以；
2）一个标签可以指定零个或多个属性，多个属性之间使用空格隔开。
3）属性名和属性值对大小写不敏感，但是，建议使用小写。
字符实体
空格
 ；
<
小于号
<
>
大于号
>
&
和号
&
"
引号
"
'
撤号
&apos
如何编写HTML
使用记事本
使用专门的网页开发工具
HTML基本语法
HTML结构
HTML 注释
< ! -- 注释内容 -- >
快捷键 ctrl + /
定义标签
注意事项：1）HTML标签必须成对存在。例如：<b>和</b>；
2）HTML开始标签和结束标签中间是标签内容。标签内容可以是文本，也可以是其他标签；
3）标签名对大小写不敏感，<b>和<B>是一样的，但是建议标签名使用小写。
4）标签名是固定的，不能够任意修改；
2）HTML开始标签和结束标签中间是标签内容。标签内容可以是文本，也可以是其他标签；
3）标签名对大小写不敏感，<b>和<B>是一样的，但是建议标签名使用小写。
4）标签名是固定的，不能够任意修改；
标签
基本标签
<html>
定义html文档
<body>
文档的主题
<h1>- <h6>
标题1到标题6
<p>
定义段落
<br/>
换行
<hr>
水平线
<!-->
定义注释
超链接标签
<a href='url'></a>
target属性
_blank
在新窗口中打开链接
_self
默认，在相同的框架打开链接
_top
在整个窗口中打开链接
_parent
在父框架窗口中打开链接
framename
在指定框架中打开链接
制作热点图
什么叫热点图：我们可以把一张图片划分为不同的区域，当用户点击某一个区域，就会链接到指定的资源
方法
第一步：在Dreamweaver工具中使用img标签定义一张图片；
第二步：切换到“设计”视图；
第三步：点击图片任意位置，打开属性窗口。如果没有显示属性窗口，可以选择菜单“窗口-属性”。
第四步：在左下角选择要绘制的图案。这里有长方形、圆形和多边形，然后就在图片上绘制图案；
第四步：在左下角选择要绘制的图案。这里有长方形、圆形和多边形，然后就在图片上绘制图案
锚点定位
第一步：定义锚点。<a name='tips'>Userful Tips section</a>
name属性用于创建命名的锚。注意：不需要指定href属性。
name属性用于创建命名的锚。注意：不需要指定href属性。
第二步：将#符号和锚名称添加到URL末端，这样就可以跳转到锚位置。例如：
<a href='url'#tips>锚点标签</a>
<a href='url'#tips>锚点标签</a>
列表标签
无序列表
标签
<ul>
<li>内容</li>
</ul>
<li>内容</li>
</ul>
type属性
disc-点
square-方块
circle-圈圈
有序列表
标签
<ol>
<li>内容</li>
</ol>
<li>内容</li>
</ol>
type属性
A
1
a
i
l
定义列表
标签
<dl>
<dt>内容</dt>
<dll>
<dt>内容</dt>
<dll>
格式化标签
<b>
定义粗体文本
<big>
定义大字号
<em>
定义着重文字
<i>
定义斜体字
<small>
定义小号字
<strong>
定义加重语气
<sub>
定义下标字
<sup>
定义上标字
<ins>
定义插入字
<del>
定义删除字
图像标签
标签
<img src='url'>
src 属性
src属性用于指定图像的位置。
alt属性
alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将
显示这个替代性的文本而不是图像。
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将
显示这个替代性的文本而不是图像。
表格标签
表格标签
<table>
定义表格
<caption>
定义表格标题
<td>
定义表格单元
<thead>
定义表格的页眉
<tfoot>
定义表格的页脚
<tbody>
定义表格的主体
<th>
定义表格的表头
<tr>
定义表格的行
表格属性
border
设置表格边框的宽度。默认情况下，如果没有指定显示边框，表格将不会显示边框。
cellspacing
设置单元格与单元格之间的距离；
td的两个属性
rowspan：跨行，即指定单元格向下合并；
colspan：跨列，即指定单元格向右合并；
框架标签
标签
frameset：定义一个框架集，可以包含多个frame
注意：framset标签不能够包含在body标签里面。
注意：framset标签不能够包含在body标签里面。
frame：一个frame代表一个页面
属性
rows：指定每个frame的宽度。如果指定了rows属性，那么就按照行进行切割。它的值可以是像素px、百分比或星号*。
cols：指定每一个frame的宽度。如果指定了cols属性，那么就按照列进行切割。它的值可以是像素px、百分比或星号*。
表单标签
标签
form
所有表单标签的根标签
input
type类型
<input type="text">
定义供文本输入的单行输入字段
<input type="password">
定义密码字段
<input type="submit">
定义提交表单数据至表单处理程序的按钮
<input type="radio">
单选框
<input type="checkbox">
定义复选框
<input type="button>
定义按钮
等等
textarea
文本域
select、option
下拉列表框
属性
form标签
action
指定表单的提交地址
method
指定表单的提交方式，例如：Get和Post
Get：使用Get方式提交数据，那么这些数据就会显示在地址栏上
Post：使用Post方式提交数据，那么表单的数据就不会显示地址栏上面；
enctype
指定表单数据在发送到服务器之前应该如何编码
基本属性
id
指定元素的唯一标识
name
指定元素的名字
注意：如果要把表单数据提交给服务器处理，那么表单项就必须要指定name属性。
style
指定元素的内联样式
class
指定元素的类名
title
指定提示文本
placeholder
指定输入框的提示信息
0 条评论
下一页
