首页  思维导图  详情



 



HTML

2019-03-31 21:57:46   15  举报





html

HTML

模板推荐

作者其他创作

大纲/内容

标签属性

属性的表示方式：“名称=值”，例如：<font size="7">hello</font>

注意事项：

1）属性值应该使用引号引起来，单引号和双引号都可以；

2）一个标签可以指定零个或多个属性，多个属性之间使用空格隔开。

3）属性名和属性值对大小写不敏感，但是，建议使用小写。

字符实体

空格

&nbsp；

小于号

&lt

大于号

&gt

和号

&amp

引号

&quot

撤号

&apos

如何编写HTML

使用记事本

使用专门的网页开发工具

HTML基本语法

HTML结构

HTML 注释

< ! -- 注释内容 -- >

快捷键 ctrl + /

定义标签

注意事项：1）HTML标签必须成对存在。例如：<b>和</b>；<br>2）HTML开始标签和结束标签中间是标签内容。标签内容可以是文本，也可以是其他标签；<br>3）标签名对大小写不敏感，<b>和<B>是一样的，但是建议标签名使用小写。<br>4）标签名是固定的，不能够任意修改；

标签

基本标签

<html>

定义html文档

<body>

文档的主题

标题1到标题6

<p>

定义段落

<br/>

换行

<hr>

水平线

<!-->

定义注释

超链接标签

target属性

_blank

在新窗口中打开链接

_self

默认，在相同的框架打开链接

_top

在整个窗口中打开链接

_parent

在父框架窗口中打开链接

framename

在指定框架中打开链接

制作热点图

什么叫热点图：我们可以把一张图片划分为不同的区域，当用户点击某一个区域，就会链接到指定的资源

方法

第一步：在Dreamweaver工具中使用img标签定义一张图片；

第二步：切换到“设计”视图；

第三步：点击图片任意位置，打开属性窗口。如果没有显示属性窗口，可以选择菜单“窗口-属性”。

第四步：在左下角选择要绘制的图案。这里有长方形、圆形和多边形，然后就在图片上绘制图案；

第四步：在左下角选择要绘制的图案。这里有长方形、圆形和多边形，然后就在图片上绘制图案

锚点定位

第一步：定义锚点。<a name='tips'>Userful Tips section</a><br>name属性用于创建命名的锚。注意：不需要指定href属性。

第二步：将#符号和锚名称添加到URL末端，这样就可以跳转到锚位置。例如：<br><a href='url'#tips>锚点标签</a>

列表标签

无序列表

标签

type属性

disc-点

square-方块

circle-圈圈

有序列表

标签

type属性

定义列表

标签

格式化标签

<b>

定义粗体文本

<big>

定义大字号

<em>

定义着重文字

<i>

定义斜体字

<small>

定义小号字 <br>

定义加重语气

<sub>

定义下标字

<sup>

定义上标字

<ins>

定义插入字

<del>

定义删除字

图像标签

标签

src 属性

src属性用于指定图像的位置。

alt属性

alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。<br>在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将<br>显示这个替代性的文本而不是图像。

表格标签

<table>

定义表格

定义表格标题

<td>

定义表格单元

<thead>

定义表格的页眉 <br>

<tfoot>

定义表格的页脚

<tbody>

定义表格的主体

<th>

定义表格的表头

<tr>

定义表格的行

border

设置表格边框的宽度。默认情况下，如果没有指定显示边框，表格将不会显示边框。

cellspacing

设置单元格与单元格之间的距离；

td的两个属性

rowspan：跨行，即指定单元格向下合并；

colspan：跨列，即指定单元格向右合并；

框架标签

标签

frameset：定义一个框架集，可以包含多个frame<br>注意：framset标签不能够包含在body标签里面。<br>

frame：一个frame代表一个页面

属性

rows：指定每个frame的宽度。如果指定了rows属性，那么就按照行进行切割。它的值可以是像素px、百分比或星号*。

cols：指定每一个frame的宽度。如果指定了cols属性，那么就按照列进行切割。它的值可以是像素px、百分比或星号*。

表单标签

标签

form

所有表单标签的根标签

input

type类型

定义供文本输入的单行输入字段

定义密码字段

定义提交表单数据至表单处理程序的按钮

单选框

定义复选框

定义按钮

等等

textarea

文本域

select、option

下拉列表框

属性

form标签

action

指定表单的提交地址

method

指定表单的提交方式，例如：Get和Post

Get：使用Get方式提交数据，那么这些数据就会显示在地址栏上

Post：使用Post方式提交数据，那么表单的数据就不会显示地址栏上面；

enctype

指定表单数据在发送到服务器之前应该如何编码

基本属性

指定元素的唯一标识

name

指定元素的名字

注意：如果要把表单数据提交给服务器处理，那么表单项就必须要指定name属性。

style

指定元素的内联样式

class

指定元素的类名

title

指定提示文本

placeholder

指定输入框的提示信息

 收藏

立即使用

CSS

 收藏

立即使用

HTML

 收藏

立即使用

jQuery

 收藏

立即使用

javascript

addit

职业：大专

去主页

 Collect

Get Started

HTML

 Collect

Get Started

html

 Collect

Get Started

第十六章 HTML5脚本编程

 Collect

Get Started

HTML





0 条评论

下一页