前端语言的基本能力
html
HTML是Hyper Text Markup Language的缩写，也就是超文本标记语言，是网页的 “骨架” 和 “结构”，网页的图片、文字、视频、音频、表格、链接、程序都需要它引入到网页中体现，是在学习前端开发中重要的基础。
标题
有h1-h6六种大小，其中h1标题最大，h6最小
<h1>这是一个标题</h1>
<h6>这是一个标题</h6>
段落
<p>这是一个段落。</p>
链接
<a href="https://www.bilibili.com/（网页地址）">这是一个链接</a>
媒体标签
●src:图片路径
●alt:加载失败时显示的语句
ps:长宽设置一个即可，会等比例缩放
●img换成audio为音乐，video为视频
<img src="/images/logo.png" width="200" height="50" alt="图片加载失败">
注释
<!-- 这是一个注释 -->
换行
<p>第一段<br>第二段<br>第三段</p>
输入
textarea:多行输入
文本
| 标签 | 描述 |
|---|---|
<b> | 定义粗体文本 |
<em> | 定义着重文字 |
<i> | 定义斜体字 |
<strong> | 定义加重语气 |
<ins> | 定义插入字 |
<del> | 定义删除字 |
语义化
HTML中的元素、属性及属性值都拥有某些含义开发者应该遵循语义来编写HTML
●有序列表用 ol;
●无序列表用 ul;
●自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<ol>
<li>稀土</li>
<li>掘金</li>
</ol>
显示效果：
- 稀土
- 掘金
如何做到语义化?
●了解每个标签和属性的含义
●思考什么标签最适合描述这个内容
●不使用可视化工具生成代码
css
CSS是层叠样式表，主要用来控制调整网页的样式，即为网页 “表现”，例如网页颜色背景等。语法简单。
js
JavaScript是一种完整的网页脚本语言，为网页的 “行为” 体现主要负责网页的各式各样的动态功能，因此可以为用户提供更流畅美观的页面浏览效果，以及添加页面交互行为。
