html网页设计aside（HTML网页设计实训内容）
本文目录一览：
网页设计如何插入背景图片网页设计怎么添加图片背景
1、首先，制作一个只有一个div和一段文本的简单HTML页面。02要添加整个页面的背景图片，我们只能给body标签添加背景，所以我们给body添加了一个叫做BG的样式。
2、方法步骤如下：打开需要操作的WORD文档，光标停留在需要添加图片的方框内，在上面工具栏“插入”找到“插图”，点击上面的“图片”。在弹出的浏览页面选择需要添加的图片，然后点击下面的“插入”按钮。
3、添加图片后，选择背景图片背景色，选择背景色。选择图片后，选择图片背景色和图像大小，设置图片的颜色为黑色。选择图片的文本效果，点击确定。添加一个图层样式，设置为叠加的样式，效果如图所示。
4、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。
5、首先，打开Atom编辑器导入项目文件夹，首先创建一个index.html文件。
6、首先，打开Atom编辑器导入项目文件夹，首先创建一个index.html文件。定义html文件的主要信息，如下图所示：然后填写自己的网页内容，设置样式，添加背景=sourcesrc=music.mp3/audio在body标签里。如下图所示。
HTML5中的aside标签
aside标签是HTML5中的新标签，用于以较短的方式描述网页的主要对象；它基本上标识了与网页主要内容相关的内容，但不构成主页的主要意图。该aside标签主要包含作者信息、链接、相关内容等。
文章标签是HTML5的新标签。它的内容独立于文档的其余部分，而外部内容可以是来自外部新闻提供商的新文章，或者来自博客的文本，或者来自论坛的文本。或者来自其他外部来源的内容。
article标签是 HTML 5 的新标签。它的内容独立于文档的其余部分，而外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其它类似的有别与主要内容的部分。
HTML5中新增标签较多，下面说几个常见的 article 定义外部的内容，外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
aside标签有什么用aside标签的作用
文章标签是HTML5的新标签。它的内容独立于文档的其余部分，而外部内容可以是来自外部新闻提供商的新文章，或者来自博客的文本，或者来自论坛的文本。或者来自其他外部来源的内容。
为了让网页更加美观，可以通过html5标签和CSS来实现一些样式效果。html5有着优秀的本地存储能力。
aside为语义化标签，通常用来描述与文档主体内容不相关的内容。比如，博客文章用atricle标签，而博客旁边的文章信息栏（作者头像、博文分类、作者等级等于博客正文内容无关的）用aside。
html5里面新增的用于网页布局的标签有哪些
1、html5新增标签有这几个：headernavsectionarticleasidemainfooterfigurefigcaptionvideo等。header：定义文档或区块的页眉，通常包含标题、导航和其他相关信息。
2、html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
3、实现如图2-1的网页结构，这是一个非常典型的博客页面：头部、尾部、水平导航栏、侧边栏导航以及内容。
4、新增的结构标签：section元素 ，表示页面中的一个内容区块，比如章节、页眉、页脚或页面的其他部分。可以和h h2……等元素结合起来使用，表示文档结构。
5、html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章article。
