- 简介
1.什么是html
2.html的基本模板
3.html的标签都有哪些
NO.1
html(Hyper Text Markup Language)指的是超文本标记语言
web标准:结构(html) + 表现(css) + 行为(js)
W3C(html+css)/ECMA(js)
NO.2
编辑器可以自动生成这段代码 但作为一个前端还是需要了解滴
<!DOCTYPE html> 声明文档类型(注意这不是标签哦)
<html> 告诉浏览器我们写的是html标记语言
<head> 头部文件
<meta charset="UTF-8"> 声明编码格式(除了utf-8还有简体中文gb2312) --> 主要是为了防止乱码
<title>Document</title> 标题,显示在状态栏上的内容
</head>
<body> 文件主体,里面是要写的主要内容
</body>
</html>
NO.3
HTML常用标签(标记/元素)
块元素(可以设置宽高大小,默认宽度100%,独占一行)
div 容器 (通常称它最干净的标签)
p 段落字 !注意:不能嵌套div
h1-h6 标题标签 (h1在网页中只使用一次即网页的logo h2最多3次 h3可以无数次)
行内(内联)元素(无法设置宽高,元素大小随内容变化,所有元素默认在一行(不会独占一行))
a 超链接
<a href="网址(要跳转的地址)" title="点我去百度" target="_blank"(新窗口打开)>百度</a>
span 干净的小标签
del 删除线
行内(内联)块级元素(既可以设置宽高 又可以排在一行显示)
img 在网页中插入图片
<img src="图片路径" alt="图片加载失败显示(即图片不小心删除了或路径错了)" title="鼠标悬停显示">
input 表格