HTML笔记(二)

一:1> <meta>

1>.作用:1.给搜索引擎搜索

        2.告知浏览器用什么编码解析页面

例如:<metaname="keywords" content="烧饼,武大郎烧饼,黄桥烧饼" />

        HTML笔记(二)

2>.插入图片    

语法:<img src=’图片的路径’ width=’宽度’ height=’高度’ alt=’图片的说明’ />

     HTML笔记(二)

ALT属性的作用

1.当图片无法显示的时候,将图片的说明性文字显示到图片的位置上

2.给搜索引擎来用,目前搜索引擎确定图片还是通过ALT属性

TITLE属性作用

当鼠标移动到图片上的时候,显示图片的说明性文字

3>热点

4>pre标签

pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符、

提醒:pre不要用来排版,主要用来做调试

HTML笔记(二)

5>:实体

&nbsp; 空格

&lt; <

&gt; >

&quot; "

        HTML笔记(二)

6>table表格

<table> 表格

<tr>      行

<td>      列

<th>      列标题

HTML笔记(二)

HTML笔记(二)

单元格中数据对齐方式

水平对齐 align=left center right

垂直对齐 valign=top  middle  bottom

HTML笔记(二)

cellspacing设置单元格间距    单元格间距:单元格和单元格之间的距离

cellpadding设置单元格填充单元格填充:内容距离单元格的距离

HTML笔记(二)

合并单元格

Colspan:跨了几列(和并列)

Rowspan:跨了几行(合并行)

HTML笔记(二)

HTML笔记(二)

二:表单

表单域:<from></from>

文本框<input type="text" name="username" size="20" maxlength="10"/>

HTML笔记(二)

HTML笔记(二)

密码框:<input type="password" name="pwd" maxlength="6"/>

HTML笔记(二)

HTML笔记(二)

单选按钮:<input type="radio" name="sex" value="1" checked="checked"/>男

<input type="radio" name="sex" value="0"/>女

HTML笔记(二)

HTML笔记(二)

复选框(多选按钮)<input type="checkbox" name="hobby" value="用户共产党" checked="checked" />用户共产党

<input type="checkbox" name="hobby" value="爬山"/>爬山

<input type="checkbox" name="hobby" value="游泳"/>游泳

HTML笔记(二)

HTML笔记(二)

单选按钮和复选按框注意事项

1.同一组名字要一致

2.必须给无法输入的表单元素赋值

3.默认选中 check=checked


下拉菜单

<select name="xueli">

    <option value='高中'>高中</option>

    <option value='大专' Selected="selected">大专</option>

     <option value='本科'>本科</option>

</select>

HTML笔记(二)

<select>是下拉菜单

<option>是下拉菜单项

Selected:表示默认选中

HTML笔记(二)

下拉列表

HTML笔记(二)

多行文本HTML笔记(二)

<textarea name="leavewords" cols="30" rows="5"></textarea>

Cols:表示容纳的列数(调节的宽)

Rows:表示容纳的行数(调节高)

HTML笔记(二)

提交按钮

<input type="submit" value="注册" name="submit" />

HTML笔记(二)

HTML笔记(二)

重置按钮

<input type="reset" value="重置" name="button" />

HTML笔记(二)

普通按钮

<input type="button" value="返回"/>

HTML笔记(二)

Input-Type属性

HTML笔记(二)

HTML笔记(二)

使用表单

HTML笔记(二)

Action=’数据提交的位置’  action=’’表示提交到本页面

Method=’get|post’   数据提交的方法,数据提交的方法有两种,get和post。

Get和post的区别

HTML笔记(二)