Web前端笔记-HTML

就是在慕课上学的前端视频课程，看的时候记了一点笔记。过后想总结到博客上一为了知识梳理记忆，二是怕以后忘记，便于查询。
内容是针对我个人的知识点方面的查漏补缺，若需要认真学习、了解前端建议去W3school或者是菜鸟教程。

什么是web前端？

web前端开发：以网站形式呈现，通过浏览器访问完成一定功能。
web->web系统
前端->网页上为用户呈现的部分
开发->编写代码

前端：网页上用户呈现的部分。
后端：数据库进行交互，完成数据存储。

网站架构师->网页美工->前端开发人员
根据客户需要->设计页面效果图->网页源文件

HTML:超文本标记语言，制作网页的语言。
元素：由尖括号包围，比如

HTML文档基本结构：快捷键（！+enter）
没加注释符号直接打上去的。

字符集与编码
ASCII:数字、英文字母、符号进行编码
GB2312:中文
Unicode：所有语言
UTF-8：所有语言、占用空间更小

标签

<h1>标题</h1>
<p>段落</p>多个空格/空行为一个空格/行
空行：<br/>  单独出来的标签，直接结束。
空格字符&nbsp;特殊字符，全小写。
预留格式：pre 文本中的空格和空行都会被保留
行内组合：span  以便通过css样式格式化
水平线：<hr/>
<!--注释内容-->可跨行
超链接：<a href="网址" >文字或图片</a>
图片：[外链图片转存失败(img-xnJzbv8V-1562066936965)(https://mp.youkuaiyun.com/mdeditor/94467679)]
区域：div 确定一个单独的区域
列表：ul li   无序列表
	ol  li  有序列表
表格：table tr td    表头：<tr>

表单：是一个区域采集用户信息
<form action="数据处理网页">
	表单元素
</form>	

表单元素：文本框、按钮、单选、复选框、下拉列表、文本域
文本框：type=“text”
密码框：type=“password”
按钮：提交按钮  type="submit"  value=按钮上显示的文字
	 重置按钮 type="reset"  value="重置"
单选框：只能选一项，name值相同才会被选择一个选项
复选框：任意选择多项
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>//被默认选中
下拉列表框：select option
文本域：textara
<textarea rows="行数" cols="列数" >文本</textarea>

**VS快捷键**
ctrl+(+)放大
Ctrl+（-）页面缩小
Ctrl+D 选单词
Ctrl+L一行
Ctrl+A 全部
运行网页:保存文件Ctrl+S，ALT+B
向右缩进:CTRL+[
向左缩进:CTRL+]
注释：CTRL+/
扩展：P+ENTER
<p>  </p>
img+enter
[外链图片转存失败(img-0282Po6B-1562068310144)(https://mp.youkuaiyun.com/mdeditor/94467679)]
p{段落}     
<p>段落</p>

lorem:自动生成文本
lorem3:自动生成3个单词