HTML5技术包含了html5、css3、Javascript Web标准页面=内容+表现+行为
HTML语言的概念
英文全称：Hyper Text Markup Language
中文全称：超文本标记语言
- HTML文档也叫web页面
- HTML文件以.html为扩展名
结构：
标签介绍
HTML语言的核心是标签
单标签：例如
<br> 双标签：例如
<p>你好！</p>用不着“/”的就是单，反之则双
标签不分大小写，<body>和<BODY>表示的意思相同
常用的标签
<h1>到<h6>的标签区别
<!-- HTML标题标签 -->
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>效果：
<p>标签(<br>换行)
<p>爱好1：喜欢<br>跑步</p>
<p>爱好1：喜欢跑步</p>效果：
<hr>(是一个单标签，作用是在HTML页面中创建一条水平线来分隔网页中的内容。)
<p>操作内容</p>
<hr>
<p>操作技巧</p>
<hr>
效果：
<img>作为HTML实体标签存在 ，而背景图像则是CSS的修饰内容
<!-- 使用相对路径 -->
<img src="./摆烂.gif" alt="摆烂">src:指存储图像的位置，包括路径和图像名称。
alt:替换文本属性。alt属性是必需的属性，它规定在图像无法显示时的替代文本。 用户无法查看图像的原因可能有以下几种： 网速太慢 src属性中的错误 浏览器禁用图像 用户使用的是屏幕阅读器等
width和height:指图像的宽度和高度，常用单位为px（像素）
补充（绝对路径和相对路径）：
绝对路径：绝对路径是指文件在硬盘上真正存在的路径。
相对路径：相对于自己的目标文件位置。
超链接：可以使一个HTML文档与另一个文档相连接，即从一个网页跳转到另一个网页，或从一个网页的某部分跳转到其它部分。
<a href="www.sohu.com" target="_blank">搜狐</a>
单击，即可跳转
寄了吧，还没有，老师说这里前面需要加http协议，（有些网站需要加s）
<a href="http://www.sohu.com" target="_self">搜狐</a> 
跳转成功给到搜狐界面
href:是必需的属性，属性值为超链接的目标文件的路径。超链接的相对路径写法与图像的相对路径写法相似。
target:链接目标的打开方式。
target="_blank" :保留当前窗口，在新窗口中打开链接的目标文件。
target="_self" :在当前窗口打开链接的目标文件。
我的话来讲就是_blank就是当前窗口不会被关闭，单击超链接跳转到新窗口
_self就是把单击前的页面跳转，不会创建新窗口，可通过后退功能返回到单击前的页面
文字超链接 为文字添加的超链接，点击文字进入其它页面。 格式：
<a href="链接目标路径及文件名">链接文字</a>
图像超链接 为图像添加的超链接，点击图像进入其它页面。 格式：
<a href="链接目标路径及文件名"> <img src="图像路径及名称"></a>锚点超链接 在同一页面上跳转的链接。创建锚点超链接分两步：
1．目标位置命名锚点。格式：
<a name="锚点名称">目标位置</a>2．标题位置添加超链接 格式：
<a href="#锚点名称">标题名</a>电子邮件超链接 为文字或图像添加指向电子邮件的超链接。 格式：
<a href="mailto:邮箱名">联系我</a>软件安装
Visual Studio Code编辑器 和 Chrome浏览器
vscode主要用于网页代码的编写，谷歌浏览器主要用于编写好后的代码展示
谷歌链接地址：Google Chrome 网络浏览器得益于 Google 智能工具，Chrome 现在更易用、更安全、更快速。
https://www.google.cn/intl/zh-CN/chrome/
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
