*HTMl是一种超文本标记语言www(万维网)的描述性语言
<!DOCTYPE html>
<!--声明当前文本类型,作用:告知浏览器以何种方式解析文件-->
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 国际通用编码 ,防止乱码-->
<title>千峰青岛1906</title>
<!-- 网页标题 -->
</head>
<body>
<!-- 文件主体 -->
</body>
</html>
标记:常规标记 <标记 属性="属性值"></标记>
空标记、单标记<标记 属性=“属性值”/>一个标记可以有多个属性,用空格隔开
1.<h1> </h1>
文本标题
2.<p></p>
段落文本
3. 空格
4.</br>
换行
5.****或者加粗
6.<em></em>
或者<i></i>
倾斜
7.<hr/>
水平线
8.无序列表
<ul><li></li></ul>
9.有序列表
<ol><li></li></ol>
有序列表的属性 type="a/1/i" start="2/3"
10.自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
11.插入图片:<img src="目标文件的位置及类型" alt="文本替 换图片" title="图片替换标题"/>
alt :是在图片有问题显示不出来的时候,显示文本 title:是鼠标悬停在图片上出现提示
12.插入超链接:<a href="目标文件路径及全称/链接地址" title="提示文本" target="_blank">链接/图片</a>
target_blank
是一种属性,在新的网页打开链接
默认是—self在原网页打开
13.a
标签,有下划线,颜色为蓝色
14.div
就是块标签
span
是文本节点标签,可以是一小段文本,也可以是单个字
15.创建表格:table>tr*5>td*5
width:宽度
height:高度
border:边框
bgcolor:表格的背景色
bordercolor:表格的边框颜色
cellspacing:单元格与单元格之间的距离
cellpadding:单元格云内容之间的空隙 align:水平对齐方式
垂直对齐方式valign="top/middle/bottom"可以加给tr/td ,不能加给table
colspan 合并列 合并之后别忘了删除一个td
rowspan 合并行 合并之后删除
16.html常用标记
表单框:<form name="表达名称" method="post" action="网址" ></from>
文本框:<input type="text" value="">
密码框:<inout type="password" placeholder>
重置按钮:<input typ="reset" value="按钮内容">
单选按钮:<input="redio" value="" name="必须写,且值一样">
多选按钮:<input type="checkbox">
下拉菜单:<style><optin></option></style>
多行文本框:textarea
提交按钮:<input type="submit" value="按钮内容">
<input type="button" value="">(无提交刷新作用)