简介
HTMl(hyper text mark language ) 超文本标记语言,是应用网页的,组成是元素(或标签,表单)
基础格式
<html>
<head>
<title> </title>
</head>
<body>
</body>
<html>
标签简介
标签都是成对出现的,也可以有单标签
双标签:闭合元素
单标签:单元素
head里面的标签
<title></title> 设置网站名,就是网站最上面显示的
<meta name="description" content=""> 设置网站的描述
<meta charset="utf-8"> 设置编码格式,必须有的
<meta name="author" content=""> 网站的作者
<meta name="keywords" content=""> 设置关键字,搜索关键字的时候,有可能搜索到
body里面的标签
标题元素:
<h1></h1>
<h6></h6> 总共六级标题h3的大小和正常字差不多
段落:
<p style="text-ident:4em"></p> 参数设置首行缩进
换行:
<br>
水平线:
<hr size="" color="" width="" align="left/right/center>
size 线的大小
width 宽度
color 颜色
align 对其方式
加粗:
<b></b>
<strong></strong>
斜体:
<i></i>
下划线:
<u></u>
删除线:
<del></del>
下标文字:
<sub></sub> 水的化学符号
上标文字:
<sup></sup> 幂次方
小号字:
<small></small>
大号字:
<big></big>
插入图片:
<img src="插入的图片" align="">
align 对其方式(middle,right,left)
width 宽度
height 高度
alt 当无法加载图片的时候,要显示在页面上的东西
超链接:
<a href=""></a> 链接别的界面
target 是否创建新的界面_self,_blank 否与是
标记位置:
id="name" 可以在任意位置标记,接下来用于超链接#name跳转到那个位置
当只使用#,是跳转到开头
无序列表:
<ul type=""> unordered list
<li></li>
</ul>
参数:circle 空心圆
disc 实心圆
square 实心矩形
有序列表:
<ol type="">
<li></li>
</ol>
参数1,I,i,A,a
自定义列表:
<dl>
<dt> 标题
<dd></dd>
</dt>
</dl>
表格:
<table border='' bgcolor='' cellpadding='' cellspacing='' bordercolor='' align=''>
<tr>行
<td>列</td>
</tr>
</table>
border 表格的线
bgcolor 表格的颜色
bordercolor 表格线的颜色
cellpadding 数离表格的距离
cellspacing 表格之间的距离
align 对齐方式center,left,right
注意:三个里面都可以设置,行里面有个valign设置垂直的方式bottom,top,middle
<td>align 对其方式
valign 垂直对齐方式
width,height 宽和高
colspan 几列
rowspan 几行,行和列可以合并的
表格标题:
<caption></caption>
表头:
<thead></thead>
主体:
<tbody></tbody>
脚注:
<tfoot></tfoot>
表单:
<form action='url' methpd='get/post'>
</form>
表单元素:
<input type='' name='' value=''>
type 参数:
text 文本
password 密码
submit 提交按钮
reset 重置
button 按钮
radio参数
<input type='radio' name='sex'>a
<input type='radio' name='sex'>b
需要name参数一致
checkbox同上
file 上传的文件选项
文本;
<textarea rows='' cols='' name=''></textarea>
rows 行数
cols 列数
下拉选项:
选择课程:
<select name="course">
<option value="1">Java</option>
<option value="2" selected="selected">C++</option>
<option value="3">PHP</option>
</select>
在input选项中提示文字:
placeholder=""