html基础总结

阳光穿透心脏的1/2处 2022-08-20 14:20 208阅读 0赞

1.HTML：超文本标记语言

2.标记类型：单标记与双标记

3.文档结构：

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

<html> </html> 网页的开始和结束

<head></head>表示网页文件的头部信息，如标题，搜索引擎关键字，主要是针对搜索引擎

<title></title>表示网页文件的标题

<body></body>表示网页文件的主题部分，针对用户的

Doctype:定义文档的类型

4.表格

<table><table> 定义表格  <tr>定义行  <td> 定义列   <th> 定义标题栏

<table border =”2”>设置边框的宽度，若不设置此属性，则边框宽度默认为0

cellpadding:单元格边框与内部内容之间空间的大小，默认为2

cellspacing:单元格与单元格之间间距的大小，默认为2

align:表格的对齐方式

rowspan:行合并数

colspan:列合并的数目

<tr valign=””>垂直的对齐方式

当<td></td>之间没有内容时，默认是不显示边框的。如果要显示边框，加一个&nbsp

<caption>显示表格的标题

<hr/>水平直线

<ul>无序列表

<ol>有序列表

<dl>定义列表

6. <img src=”路径”>

Gif:最多可以保存256种颜色，该格式支持透明色和动画效果。

Jpeg：颜色可以1670万种，不支持透明色和动画

Png:颜色从几种到1670万种，该格式支持透明色，不支持动画。

Alt:图片无法显示时显示的文本

Title：鼠标悬停时显示的内容

Vspace:定义图像顶部和底部的空白

Hspace:定义图像左侧和右侧的空白

7.表单

表单：客户端与服务器端信息交流的途径

Form标记创建一个表单。

Action传送的目标

Method:处理表单数据的方法，post/get，默认的方式是get

Post:方法可以传递大量的信息

Get：将值附加到请求该页的url中，适合传递少量的信息。

**所有的表单元素，以input为例，必须包含type（text password）与name属性**

单选框：radio checked=”checked” 是否被选中,两项的名称相同。

例如：<input type=”radio” name=”sex” value=”男”  /> 男

&nbsp;

<input type=”radio” name=”sex”  value=”女”  /> 女

复选框：type=”checkbox”

列表框菜单式：

<optgrouplabel=”北京”>

<optionvalue=”朝阳区”>朝阳区</option>

<optionvalue=”西城区”>西城区</option>

<optionvalue=”海淀区”>海淀区</option>

</optgroup>

</select>

列表式：

<optionvalue=普通朋友>普通朋友</option>

<optionvalue=爱人 selected>爱人</option>

<optionvalue=同行>同行</option>

</select>

浏览框：

表单外框：

<fieldset>… </fieldset>定义围绕表单中元素的边框,即定义一个大的边框来把所有的内容放进去

<legend>…</legend>为所有的表单定义标题

按钮：

隐藏域：

多行文本：

</textarea>

8.超链接

基本语法：<a href=链接目标 title=”注释” target=”打开链接窗口的形式”>显示内容</a>

\_blank 在新窗口中打开

\_self 在自身窗口中打开（默认值）

\_parent 在上一级窗口中打开

\_top 在浏览器整个窗口中打开

内部链接：同一个站点内   外部链接：不在同一个站点内

E-mail:允许访问者向指定的地址发送邮件 <ahref=mailto电子邮件的地址>

局部链接（锚点）创建锚点：<a name=”锚点名称”>显示内容</a>

链接锚点：<ahref=”\#锚点名称”>显示内容</a>

空链接：没有目标端点的链接 <a href=”\#”>显示内容</a>

**跳转到某个网页的某个位置：<a href=”相关网页.html\#锚点名称”>要加链接的文字</a>**

脚本链接：当点击脚本链接的文本或者图像时，可以运行相应的javascript语句

例如：<a href=javascript:window.open(“http://www.163.com”)>新浪</a>

10.使用<embed>…<embed>标记插入flash动画

插入滚动字幕：

<marquee>滚动的文字</marquee>

Direction:滚动的方向  loop：滚动的次数，不设置则为无限多次

Onmouseover=”this.stop()” οnmοuseοut=”this.start()”

Scrollamount=”速度

Scrolldelay=”延时”

11. 把一个网页插入到另外一个网页-----内嵌框架iframe

html基础总结

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 HTML基础知识总结

相关 HTML & CSS 基础语法总结

相关前端基础知识总结---HTML篇

相关 html基础总结

相关 HTML基础语法总结

相关 HTML基础语法总结

相关 HTML基础学习总结

相关 HTML5基础篇总结

相关 HTML基础标签总结

相关 HTML基础知识总结