目录
1、HTML定义
定义:HTML是用来描述网页的一种语言(标记标签语言)。
2、Web前端三大核心技术
(1)HTML:负责网页的架构
(2)CSS:负责网页的样式、美化
(3)JS:负责网页的行为
3、HTML骨架标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页题目</title>
</head>
<body>
编写代码区
</body>
</html>
4、常用标签
4.1注释
- 作用:描述的内容不会被浏览器执行
- 说明:解析程序给程序员看
测试点:前端页面发布上线之前,需要检查(描述不恰当的文字出现)所以注释或去除注释
4.2标题
- 说明:HTML标题是通过<h1>-<h6>等标签进行定义
4.3段落
- 说明:HTML段落是通过<p>标签进行定义的
- 特点:独占一行(换行作用),有语义化含义-浏览器知道你是段落
4.4超链接
- 说明:超链接是通过<a>标签进行定义的
- 属性:href:跳转地址;target:新窗口打开
4.5图片
- 说明:HTML图片是通过<img>标签进行定义的
- 属性:
src:图片路径
title:光标悬停显示文字
alt:图片未加载时显示文字
width:图片宽度
height:图片高度
- 路径选择:上一级(../);同级(./)
4.6空格与换行
- 换行:<br/>
- 空格: 
4.7布局
- 说明:页面布局使用,常用(div和span)
div独占一行(一行一个);span大小跟文字长度有关(一行多个)
4.8列表
- 说明:列表标签常用li元素(分为:有序ol和无序ul)
4.9表单
- 说明:页面提交输入信息需要使用表单标签<form>
- 作用:提交页面输入的数据到指定页面或后台
- 属性:
action:指定将数据提交到哪个页面 method:提交参数的方法(get、post) method-get(查询使用):参数url明文显示、速度快、提交长度有限制 method-post(提交数据、登录、注册使用):非明文显示、相对于get速度慢、提交长度无限制
- input类型:
文本框:type=“text” 密码框:type=“password” 单选按钮:type=“radio” 复选框:type=“checkbox” 普通按钮:type=“button” 重置按钮:type=“reset” 提交按钮:type=“submit”
按钮测试点:统一使用value进行赋值(不同浏览器默认值不同)
提示:普通按钮默认没有执行效果,需要配合JS来实现
以上内容仅为个人学习笔记。