Html简单标记语言
基本框架:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
简单标记语言:
1.换行符:<br> <b></b>:字体加粗
2.段落标记:<p></p>:段落标记在段前和段后各添加一个空行,而定义在段落标记中的内容,不受该标记的影响。
3.6个级别的标题:<h1>至<h6>,数字越小,级别越高,也就是字体越大。
4.<center></center>:居中标记
5.文字列表标记:将文字以列表的形式依次排列
无序列表是在每个列表项的前面添加一个圆点符号。
有序列表和无序列表的区别是,使用有序列表标记可以将列表项进行排号。有序列表的标记为<ol>,每一个列表项前使用<li>。有序列表中项目项是有一定的顺序的。
6.定义表格:<table>,标题标记<caption>,他有align,valign等属性
表头标记<th></th>,也可以通过align,valign,background,colspan,valign等属性来设置表头
表格标记<tr>,一组<tr>标记表示表格中的一行,<tr>标记要嵌套在<table>标记中使用,该标记也具有align,background等属性
单元格标记<td>,又称为列标记,一个<tr>标记中要嵌套若干个<td>标记。也具有align(排列成一条线),valign(垂直对其),background(背景)。属性
注:定义表格光使用<table>是不够的,还需要定义表格中的行、列、标题等内容。
7.Html表单标记:
7.1<from></from>表单标记
<from action="url" method="get"|"post" name="name" onSubmit=""target=""></from>
action属性:用来指定处理表单数据的url地址,
method属性:用来指定数据传送到服务器的方式:get/post
name属性:用来设置表单的名称,
onSubmit属性:用于指定当用户单机提交按钮时触发的事件。
target属性:指定输入结果在哪个窗口显示,属性值可设置为:_blank:在新窗口中打开目标文件。_self:在同一个窗口打开。_parent::在上一级窗口打开。_top在整个窗口中打开
7.1<input>表单输入标记
<input type="image" disabled="disable" checked="checked" width="digit" height="digit" maxlength="digit"
readonly="" size="digit" src="uri" alt="" name="checkbox" value="checkbox"></input>
<input>标记中type属性的属性值
1.text:文本框。2.password:密码域。3.file:文件域 4.radio:单选按钮。5.CheckBox:复选框 6.submit:提交按钮 7.reset:重置按钮 8.:button普通按钮 9.hidden:隐藏域。 10.image:图像域
7.3<select>…</select>下拉菜单标记 <select name="name" size="digit" multiple="multiple" disabled="disabled"></select> <select>标记的属性:
1.name:用于指定列表框的名称。
2.size:用于指定列表框中显示的选项数量,超出该数量的选项可以通过拖动滚动条查看。
3.disabled:用于指定当前列