如鹏网 静态Web开发 第一章:html
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如鹏网 静态Web开发 第一章:html相关的知识,希望对你有一定的参考价值。
第一章:html
本章主干知识点:
1、最基本的html文件的格式是什么?
2、常用标签:font、列表(ul、ol、li)、img
3、表格标签:table、tr、td;表格的合并。
4、超链接、新窗口中打开的超链接、超链接锚点。
5、框架:frameset
6、表单:input(文本、radio、checkbox、隐藏字段、submit);select下拉列表;textarea;label;
7、div和span的区别。
------------------------------------------------------------------------------------------------
< | < | " | " | | 空格 |
> | > | ® | ® | ™ | ™ |
& | & | © | © |
|
|
-------------------------------------------------------------------------------------------
<frame>常用属性 src="top.html":设定此框窗中要显示的网页档案名称,每个框窗一定要对应著一个网页档案。 name="top":设定这个框窗的名称,这样才能指定框架来作连结,必须但任意命名。 scrolling="auto":设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示,AUTO是视情况显示。 noresize:设定不让使用者可以改变这个框框的大小,亦没有设定此参数,使用者可以很随意地拉动框架,改变其大小。
<NOFRAMES> 当使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免这种情况,可使用 <NOFRAMES> 这个标记,当使用者的浏览器看不到框架时,他就会看到 <NOFRAMES> 与 </NOFRAMES> 之间的提示内容,而不是一片空白。 <frameset rows="80,*"> <noframes> <body> 很抱歉,您使用的浏览器不支持框架功能,请转用新的浏览器。 </body> </noframes> <frame name="top" src="a.html"> <frame name="bottom" src="b.html"> </frameset>
<IFRAME> 它的作用是在一页网页中间插入一个框窗以显示另一个链接资源。它是一个围堵标记,但围着的字句只有在浏览器不支持 iframe 标记时才会显示。 <body> <iframe src="a.html"> 如果您看到该文字,说明您的浏览器不支持IFRAME标签。 </iframe> </body>
---------------------------------------------------
表单 <form>
action:表单提交请求的地址
method:表单请求参数提交方式,默认get
get:
post:
表单标签是最常用的标签,主要用于采集和提交用户输入的信息,与服务器端进行交互。
<INPUT>标签:接受用户输入信息 <input type="text" value="" /> type标签指定输入标签的类型,共有10个值:
文本框text、
密码框 password、
单选框radio :单选按钮必须指定相同的name属性(和提供value值)
复选框checkbox :复选按钮必须指定相同的name属性(和提供value值)
隐藏字段hidden :该属性值可以让input标签在页面内隐藏,但它的name value同样随着表单提交 。
提交按钮submit、重置按钮reset :
按钮button、文件上传file:
图像 image.
<SELECT>标签:
定义一个选择列表
<select name="city">
<option value="1">北京</option>
<option value="2">郑州</option>
</select>
注:<option>:定义下拉列表中的选项,属性 selected 没有属性值 加在其中一个子项上,该子项就变成默认被选中项。
<TEXTAREA>标签:
多行文本框
<textarea rows="3" rols="20"> </textarea>
cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
<label>标签:
<label for="male">Male</label> <input type="radio" name="sex" id="male" />
<label for="female">Female</label> <input type="radio" name="sex" id="female" />
label 元素不会向用户呈现任何特殊效果。
不过,它为鼠标用户改进了可用性。
如果您在 label 元素内点击文本,就会触发此控件。for的属性值指向绑定表单元素的 id 值。
-------------------------------------------------
块元素
大多数 HTML 元素被定义为块级元素或内联元素。
-块级元素 块级元素在浏览器显示时,通常会以新行来开始(和结束)。自动换行
例子:<h1>, <p>, <ul>, <table>
-内联元素 内联元素在显示时通常不会以新行开始。
例子:<b>, <td>, <a>, <img>,<input>
<DIV> <SPAN>
DIV
HTML DIV 是块级元素,它是可用于组合其他HTML元素的容器。 默认占满一行
DIV元素没有特定的含义。与CSS一起使用,可用于对大的内容快设置样式属性。
<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。
使用 <table> 元素进行文档布局不是表格的正确用法。
<table> 元素的作用是显示表格化的数据。
SPAN
HTML <span> 元素是内联元素,可用作文本的容器。默认匹配文本长度
<span> 元素也没有特定的含义,当与 CSS 一同使用时,可用于为部分文本设置样式属性。
----------------------------------------------------
HTML语法--头标签
title:指定浏览器标题栏显示的内容
base:标签为页面上的所有链接规定默认地址或默认目标
href属性:规定页面中所有相对链接的基准 URL(不常用)
target属性:指定打开超链接的方式
<base target="_blank" href="http://www.cnblogs.com/" />
meta:可提供有关页面的元信息
http-equiv属性:把 content 属性关联到 HTTP 头部
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta http-equiv="Refresh" content="3;url=http://www.baidu.com"/>
content属性:定义与 http-equiv 或 name 属性相关的元信息
name属性:把 content 属性关联到一个名称
link:
rel属性:目标文档与当前文档的关系
type属性:文档类型
href属性:文档地址
<link type="text/css" rel="stylesheet" href="site.css">
以上是关于如鹏网 静态Web开发 第一章:html的主要内容,如果未能解决你的问题,请参考以下文章