html介绍
web前端三大核心技术：
1.html:负责网页的架构
2.css:负责网页的样式，美化
3.js:负责网页的行为
html介绍：
说明：
html是一个标记语言 不是编程语言
不是编程语言 就算写错了 也能显示 不会报错
扩展：常见的标记语言有（html xml）
标签：使用<关键字>括起来
1.双标签：<关键字a>内容</关键字a>
2.单标签：</关键字>
属性：描述标签信息
语法：<关键字 属性名=“属性值"内容</关键字>
html骨架标签：
<!DOCTYPE html>（用来声明当前文档的类型是html）
<html>(是网页中最大的标签 我们称之为根标签)
<head>（称之为网页的头部 它里面的内容主要用来定义网页标签及给浏览器查看的一些信息）
<meta charset="utf-8">（用来定义网页的编码标准 国际编码）
<title>我是骨架标签</title>（称之为网页标题标签 里面的内容会显示在浏览器的标签页上）
</head>
<body>（称之为网页主体标签 里面的内容都会显示在浏览器的白色页面）
我是body主题内容
</body>
</html>
html标题标签：
h1-h6示例：
<h1>我是h1标签</h1>
<h2>我是h2标签</h2>
段落标签：
<p>我是段落标签</p>
html注释：
<!--注释内容-->
快捷键：ctrl+/
作用：解释相关代码的作用 给程序员自己看 注释不会被浏览器解析
建议：前端页面的注释 在上线之前都要去除 注意是否含有不雅及敏感内容
超链接标签：
作用：点击文本跳转到指定的页面
语法：<a href="链接跳转网址 必须有协议">链接显示文本</a>
示例：<a href="http://www.itcast.cn">传智播客</a>
注意：1.href:属性的协议必须有
2.点击文本必须有
3.注意文字和属性的位置
图片标签：
作用：将图片嵌入到网页中
语法：<img src="logo.jpg" title="传智播客" alt="logo" width="104" height="142"/>
重点属性：src:加载图片的位置（相对路径/绝对路径）
扩展属性：width:图片宽
height：图片高
alt:图片加载失败显示提示文字
title:鼠标悬停到文字之上显示提示文字
提示：对于web项目测试中 有图片应先考虑title属性用例设计
路径：
路径写法：1.相对路径：相对于当前执行的页面的位置作为起点
基于文件上一个目录（../）
当前文件相同目录（./）
2.绝对路径：基于电脑盘符开始 填写文件的绝对路径 以文件的名及后缀结尾
（在开发中不推荐使用绝对路径）
换行和空格：
换行：<br />
空格： (分号必须是英文分号)
布局标签：
div:块级别 独占一行 （作用：布局使用 可以做其他标签的父容器）
span:行内标签容器 一般作为文本容器 一行可以放多个
文字标签：
加粗：说明：使文字加粗可以使用b与strong标签都可以
区别：b无语义 strong 特别强调语义
示例：<b>文本</b>
<strong>文本</strong>
倾斜：说明：i与em标签都可以使文字达到倾斜效果
区别：i无语义 em：一般强调语义
删除线：说明：s与del都可以达到删除效果
区别：del即将代替s
浙公网安备 33010602011771号