Web 前端开发 基础

一、Web标准：

构成	语言	说明
结构	HTML	页面元素和内容
表现	CSS	网页元素的外观和位置等页面样式（颜色、大小等）
行为	JavaScript	网页模型的定义和页面交互

1.HTML （Hyper Text Marku Language）超文本标记语言

<strong>文字</strong> //加粗文本

2.HTML页面固定结构

类似于一篇文章：

• 每一页文章内容是有固定的结构的，如：开头，正文，落款等
• 网页中也是存在固定的结构的，如：整体、头部、标题、主体

网页中的固定结构是要通过特点的HTML标签进行描述的

HTML骨架结构：

• html标签：网页的整体
• head标签：网页的头部
• body标签：网页的身体
• title标签：网页的标题

HTML标签学习：

排版标签

1. 标题标签

   <h1> 文字<h1>,<h2> 文字<h2>,<h3> 文字<h3>,<h4> 文字<h4>,<h5> 文字<h5>,<h6> 文字<h6>,一级标题到六级标题。

2. 段落标签

   <p>文字</p>：段落  用于分段显示          特点：段落之间存在间隙独占一行。

3. 换行标签

   <br>：换行         特点：单标签；强制让文字换行。

4. 水平线标签

   <hr>:水平线  

文本格式化标签

      

图片标签

<img src=" " alt=" ">         在网页中显示图片

特点：单标签 img标签需要展示对应的效果，需要借助标签的属性进行设置。

路径

页面需要加载图片，需要先找到对应的图片

绝对路径（了解）：目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径。

 

相对路径（常用）：

音视频标签