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 条评论
下一页
为你推荐
查看更多