HTML介绍
Web前端三大核心技术
- HTML:负责网页的架构
- CSS:负责网页的样式、美化
- JS:负责网页的行为
什么是HTML:超文本标记语言,HTML是用来描述网页的一种语言
HTML标签
- 单标签<html>
- 双标签<b>内容</b>
标签属性(描述某一事务的特征)
属性格式:属性名=“属性值”
<a href = "http://www.jd.com">京东</a>
html:根部标签,所有的内容都应该放在html标签中
head:头部标签
boby:身体标签(代码编写区域)
注释
不会被浏览器执行,解释代码含义给程序员看
国际通用快捷键:Ctrl+/
测试点:前端页面发布上线之前,需检查(描述不恰当的文字出现)所有注释或去除注释
常用标签
- 标题标签:h1-h6(h1最大)<h1>内容</h1>
- 段落标签:<p></p>特点:独占一块(换行)
- 超链接标签:
说明:超链接是通过<a>标签进行定义的
示例:
属性:href:跳转地址
target:打开窗口模式。 新窗口:target="_blank" - 图片标签:img
属性:src:图片路径
title:悬停显示文字
alt:图片未加载显示
测试点:必须又title属性(悬停和未加载时显示)
路径:相对路径:相对当前执行文件所在位置
绝对路径
- 换行和空格:
换行:<br/>
空格:  - 布局标签:设置页面布局,便于排版
大盒子:div
小盒子:span - 列表标签:列表标签常用<li>(分为有序与无序)
- 表单标签
- input标签
这里的按钮只是一个形式并不能真正的提交内容
想要将数据真正的提交上去需加上from
from:将页面输入的数据提交到指定的页面或者后台
<from></from>
属性:action:指定将数据提交到那个页面
method:提交参数的方法(get、post)
get:查询使用
1、参数url明文显示
2、提交速度快
3、提交参数有长度限制
post:提交数据、登录、注册
1、非明文显示
2、提交速度慢
3、提交参数的长度无限制
使用get:
按钮测试点
不同浏览器显示的按钮名称不一致
解决:统一给value赋值,这样所有的都会按照这个标准显示
普通按钮默认没有执行效果,需要配合JS来实现