内容简述
HTML
1.英文全称: Hyper Text Markup Language，缩写为HTML
2.中文翻译: 超文本标记语言（是用于创建网页的基础标记语言，核心是通过标签描述网页的内容的结构和显示方法，让浏览器能解析并呈现文字、图片、链接等元素）简单来说，它就像是网页的骨架，不负责复杂的样式（靠CSS）或交互功能（靠JavaScript),只是定义“哪里是标题、哪里是段落、哪里是图片或是链接，是所有网页的底层基础。
HTML基础标签
-
1. <h1>-<h6> ：标题标签（给文字贴标题的标签，h1最大，h6最小）用在网页的主标题和文章小标题 。
用法： <h1>一级标题（网页主标题）
-
2. <p> ：段落标签（给文字贴”段落“的标签，浏览器会自动贴这个标签的文字留出间距，分段显示。用于写文章的正文，介绍文字。
用法： <p>这是一段普通文本内容，自动分段显示。
-
3. <a>：链接标签（加了这个标签的文字和内容，点击这个就能跳转到其他网页或文件）跳转页面，打开文件。
用法： <a href=" " target="_blank">点击跳百度（新窗口打开）
-
4. <img> ：图片标签（用来在网页里插入图片，需要填图片地址、备用文字这些信息）放风景照，产品图片。
用法： < img src="图片地址" alt="图片加载失败时显示的文字" width="300">
-
5. <div> ：容器标签（贴容器的标签，像个大盒子，能把标题、段落、图片等内容装在一起，方便划分网页区域）把标题＋图片装在一起。
用法： <div>这里可以包含标题、段落、图片等多个元素A。
-
6. <span> ：行内标签（只包裹一小段文字（比如让某几个字变红），不会像<p>那样换行）。
用法： <p>普通文字<span style="color:red">红色文字</span></p >
-
7. <ul>/<li> ：无序列表（会生成带圆点的列表，比如购物清单）列兴趣爱好，购物清单。
用法： <ul><li>列表项1</li><li>列表项2</li></ul>
-
8. <ol>/<li> ：有序列表（会生成带数字的列表，比如步骤说明）列操作步骤，教程流程。
用法： <ol><li>第一步</li><li>第二步</li></ol>
-
9. <br> ：换行标签（是给单身标签，强制换行，不用写 <br>）地址换行，诗歌分行。
用法： <p>第一行文字<br>第二行文字</p >
10. <strong> ：加粗标签（能让文字变粗，比单纯的<b>标签更有”强调重点“的语义）标注意思，重要提示。
用法： <strong>需要加粗的重点内容</strong>
使用方法：
1. 复制上面全部代码，粘贴到电脑自带的「记事本」中；
2. 点击记事本顶部「文件」→「另存为」，文件名改为「我的网页.html」，编码选择「UTF-8」，保存到桌面；
3. 双击保存后的文件，即可用浏览器打开查看效果（图片会自动加载，链接可点击跳转）。
结语
设计学习2020每周更新资源
可供大家学习研究，希望对大家有所帮助
更多资源扫码关注
【设计学习2020】
声明
1、以上图片及资料源于网络，由我方整理，版权归原作者及其司所有；
2、本资料仅供学习研究之用，不得用作于商业用途，若此侵犯到您的权益，请与我们联系删除；
3、本文章版权归本公众号所有，未经同意不得随意转载 ，若恶意侵权将追究其法律责任。
声明
1、以上图片及资料源于网络，由我方整理，版权归原作者及其司所有；
2、本资料仅供学习研究之用，不得用作于商业用途，若此侵犯到您的权益，请与我们联系删除；
3、本文章版权归本公众号所有，未经同意不得随意转载 ，若恶意侵权将追究其法律责任。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
