简介
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=""