HTML,超文本标记语言,是语法较为松散的、不严格的Web语言;
XML,可扩展标记语言,主要用于存储数据和结构,可扩展;
XHTML,可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格
<html lang="zh"> html开始 lang="zh" 告诉浏览器当前文档是中文
<head> 头部head里放得不是正文
meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能
<meta charset="UTF-8" > 告诉浏览器用UTF-8的编码方式去解析页面
<meta name="viewport" content="width=device-width,initial-scale=1">移动端是视窗,使页面呈现1:1的比例;
<meta name="keywords" content="饥人谷,前端"> 给页面添加关键字,便于浏览器搜索分类
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 双核浏览器 优先使用IE最新版本和Chrome来解析网页
<a hear="http://www.baidu.com" target="_blank" title="百度">百度</a> target 属性是在新的页面打开
<a hear="#">baidu</a>
<a bear="#abc">baidu</a> 页面跳转到页面上的ID
<a hear="/abc">baidu</a> 页面跳转到路径
无序列表
<ul>
<li><a hear="#">首页</a></li>
<li><a hear="#">关于</a></li>
<li><a head="#">更多</a>
<ul>
<li>联系</li>
<li>地址</li>
</ul>
</li>
</ul>
有序列表
<ol>
<li>大象 </li>
<li>狮子</li>
<li>老虎 </li>
</ol>
标题 内用
<dl>
<dt>商品名称</dt>
<dd>青花瓷</dd>
</dl>
<em> 强调
<strong> 很重要 强调
<span> 强调
iframe 用于镶嵌页面
<iframe src="http://jirengu.com" name="myPage"></iframe>
<p><a hear="http://www.w3cschool.cc" target"myPage">W3Cschool.cc</a></p>
表格:
<table>
<tr>
<th>姓名</th>
<ht>年级</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
</tr>
</table>
html form表单:
<form action=提交后台地址"/abc" method="post">
action表单提交的地址,method提交表单的方法, targid在何处打开action
method="get" 文件提交本地 不安全URL重组 域名太长
method="post" 文件提交到本地安全 没有太长的域名
<label>账号</label> label标签为input元素定义标签(标记)
<input tybe="text"> 文本输入框
<input tybe="password"> 密码输入框
<input tybe="radio" name="sex" value="male">男 单选框
<input tybe="checkbox"> 复选框
<input tybe="button"> 按键
<input tybe="submit"> 提交按钮
<input type="file" name="myfile" accept="image/png"> 选择框
<select>
<option value="猪肉">猪肉</option> <option value="牛肉">牛肉</option>
</select> 下拉框
<textarea name="评论"></textarea> 回复框
<form>里放input</form>