01：web前端三大核心技术：
HTML：负责网页的制作
CSS：负责网页的样式、美化
JS：负责网页的行为
02：什么是HTML？
HTML是用来描述网页的一种语言
03：HTML标签
单标签<HTML>
双标签<b>内容<b>
04：标签属性
属性格式：属性名＝“属性值”
<a href＝“http：//www.jd.com”>京东</a>
二、HTML骨架标签
注：①html：根标签，所有的内容都应该放到html标签中
②head:头部标签
③bady：身体标签（代码编写区域）
三、注释
作用：描述的内容不会被浏览器执行。
说明：解析程序给程序员看。
快捷键：Ctrl+/ <！--注释区域-->
测试点：前端页面上线之前检查注释描述或去除 注释。
四、标签
01：标题标签 h
说明：HTML标题标签是通过<h1>-<h6>等标签进行定义
h1最大，h6最小。
02：段落标签 p
说明：HTML段落是通过<p>标签进行定义的
03：超链接标签
说明：超链接是通过<a>标签进行定义的。
属性：href：跳转地址
target：新窗口打开
04：图片标签
说明：网页中插入图片就要使用图片标签，HTML图片是通过<img>标签进行定义的。
属性：Src:图片路径
title：光标悬停显示文字
alt：图片未加载时显示文字
width：图片宽度
height：图片高度
测试点：必须有title属性（悬停和未加载显示）
05：换行和空格
换行：<br/>
空格： 
06：布局标签
说明：页面布局，便于排版。常用（div和span）
大盒子：div 独占一行
小盒子：span 一行可以放多个
07：列表标签
说明：列表标签常用LI元素（分为有序和无序）
script：js标签
style：css标签
link：外部加载css标签
08：input标签
文本框：①type＝“text” ②用户名：admin
密码框：①type＝“password” ②密码：*****
单选按钮：①type＝“radio” ②性别：男、女 ③重点：name值相同的为一组，一组内只能怪选择1个。
复选框：①type＝“checkbox” ②你的爱好：测试、吃饭、逛街、
09：按钮测试点
说明：统一使用value进行赋值。
提示：普通按钮默认没有执行效果，需要配合JS来实现。
普通：type＝button
提交：type＝submit
重置：type＝reset
总结——HTML常用标签
前端三大核心 1.html 将内容显示在网页上
2.css 美化页面内容的样式
3.js ①控制html和css②调用js的方法或操作系统交互。
常用标签：
01标题：①h1-h6②h1最大
02注释：①作用：给程序员看的，不会被浏览器执行。②快捷键：Ctrl+1
03段落标：①P 独占一行（换行作用）②作用：语义化（浏览器或搜索引擎认识是段落）
04超链接：①标签a②属性：href→点开文本要跳转的链接地址、target→新窗口打开
05图片标签：
①标签→img
②属性：
Src→图片路径
title→鼠标悬停显示的文字信息
width→宽
height→高
alt→图片未加载显示信息
06换行与空格：①换行→<br/> ②空格→ 
07布局标签：①大盒子：div（一行只能放一个）②小盒子：span（一行可以放多个）
08列表：
li标签
有序→ol
无序→ul
示例: <ol>、 <li></li>、 </ol>
09表单标签：
标签名→form
属性 action→将数据提交的页面 method→get post
10变形金刚：
标签→input
文本框→type＝“text”
密码框→type＝“password”
单选按钮→type＝“radio”
复选框→type＝“checkbox”
按钮：提交→type＝“submit” 重置→type＝“reset” 普通→type＝“button”
201
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
