6 - HTML
HTML中有用的字符实体
字符实体
Emmet快捷方式
thead+tbodytr>(td{$})*4(tr>(td{列 $})*4)*3-
<! --注释-->快捷键:Ctrl+/
文档声明
<!DOCTYPE html>
标签
<html></html>
<html lang="zh-CN">告诉浏览器语言
<head></head>
<head>里面放与页面内容无关信息
<meta charset="utf-8">-
<title></title>
<body></body>
<body>里面放与页面内容相关信息
-
<h1></h1> -
<h$><h$> -
<p><strong>刘嘉俊</strong></p>加粗 -
<p><em>刘嘉俊</em></p>斜体 -
<img src="www.baidu.com" alt=风景图>
语法：<a src="value">
说明：alt作用是当图片读取不出来的时候，或者视力有缺陷的人读取的时候，方便使用。 -
<video></video> -
<audio></audio> -
<a href="www.baidu.com" title="百度" target="_blank">百度</a>
<a href=#>跳转到顶部
<a href=#某个地方>跳转倒某个地方 -
ul>li*3
<ul>unordered list 无序列表 父亲
<ol>ordered list有序列表 父亲
<li>list item 列表中的一项 儿子 -
<table></table>表格
<thead></thead>表头
<tbody></tbody>内容
<tr></tr>行
<td></td>列 -
<br>强制换行 -
<form></form>将提交后端的信息包裹起来
<form action="url" method="get""post">
image
-
<div class="value"></div> -
<label>刘嘉俊</label> <input type="text""password" name="username""password" value="username1""password1" >- 如果点击前面字符自动调整功能
<label for=“123456789”>刘嘉俊</label>
<input id="123456789" type="text" name="username" value="username1"> -
<select></select>下拉菜单 -
<option>``</option>下拉菜单选择项 -
<textarea></textarea>输入框 -
<input type="hidden" name"csrf" value="abcdefg123456789">用于用户验证，防止陌生用户get或post请求修改数据库
属性
-
type="text"type="password"``type="radio"``type="file" accept="image/png"name="value"value="value"placeholder="输入密码"title="text"-
target=:"_blank"新窗口打开URL src="url"href="url"action="url"disabled-
contenteditable可输入框 -
class="value"赋予一个值
常见知识
-
在input里，name 属性有什么作用？
name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。 -
radio如何分组？
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex1" value="man">男
按照name的value不同，分为不同的组 -
placeholder属性有什么作用？
placeholder是做提示用的，占位符，就是你一个输入框还没输入的时候，里面就实现是placeholder的内容 -
乱码原因？编码与解码方式不一样。
1：没有设置meta charset
2：meta charset设置错了
3：英文和数字不会出现乱码，中文可能会出现 -
title 属性和 alt属性分别有什么作用？
title属性是在图片正常加载鼠标划上去显示的值
alt属性是在图片无法加载的时候才会显示的其值 -
W3C 的创始人是谁？
李爵士Sir Timothy John Berners-Lee -
HTML 规范是由哪个组织制定的？
W3C -
块元素占据一整行空间
内联元素占据内容一整块空间 -
<kbd>标签是定义键盘文本 -
HTML只会定义内容，不会去管字体颜色，大小，行间距等信息
-
post 和 get 方式提交数据有什么区别？
post与get是浏览器向服务器发送请求的一种方式。
get：向后端发送请求的时候是key=value形式。一是体现在URL上面，比如password会体现在URL上面，不安全。二是数据量限制。
post：向后端发送请求的相对比较安全，没有数据量的限制。
