篇文章我们说了初始化css的创建,本篇文章我们来说一下如何创建一个初始化html的基本模版以及初始化文件的创建。
我们在对一个网页进行切图编码之前,我们需要创建这么几个目录文件, 便于存放我们的代码;
css文件目录:该目录的作用是用于存放我们的网页css文件,一般我们分为2个文件,一个是用于存放我们上篇文章说到的初始化代码的base.css,还有一个是用于存放我们自己编写的网页代码的style.css文件;
images文件目录:该目录的作用是用于存放我们网页的切图文件,网页中的背景图片以及元素图标等都可以存放到此文件夹中;
js文件目录:该目录的作用是存放我们编写的网页javascript代码(关于javascript代码我们将在以后的文章中进行详解),js代码的作用是实现网页中的基本动态展示效果,比如选项卡切换,banner轮播图切换等效果;
另外还有一个文件就是我们的网页html文件,首页我们一般命名为index.html,一般放于跟目录下边。标准的目录文件就如下图所示:
备注:如果你的电脑看不到.html这个后缀的话, 在文件夹左上角找到组织-文件夹和搜索选项;
然后点击查看-找到隐藏已知文件类型的扩展名-将前边的对勾去掉即可;
文件创建完成之后我们就要创建标准的index.html的网页模版,一个网页模版一般是由主体html、头部head、内容body组成,其中head区域主要存放网页标题、关键词、页面描述以及css和js代码的引用;而body区域主要存放我们以后对页面的编码内容;
具体的标准模版显示效果就如下图所示:
好了,本篇文章就给大家说到这里,大家自己下来可以创建属于自己的通用初始化文件模版,以后开发的时候直接复制使用即可。
每日金句:不要生气要争气,不要看破要突破,不要嫉妒要欣赏,不要拖延要积极,不要心动要行动。喜欢我的文章的小伙伴记得关注一下哦,每天将为你更新最新知识。
页编程之文字标题。
同学们好,今天分享的主题是文件标题标签。我们将从高到低分别介绍H1、H2到H6,其中H6为最小。让我们看看具体的实现效果。现在网页上出现了6行文字,自动换行,并以H1到H6的顺序排列。这些文字展示了标签的用法和效果。接下来,让我们看看实现代码。标题标签的写法非常简单,没有任何需要讲解的内容。
选择标题标签的原因是它是最简单的围堵标签之一,不需要任何自带的属性,只需要将标签的内容围堵起来就可以了。这个标签是对各位标签写法的一个巩固。标题标签的作用是标记定义了html文档中的标题,字体相对较大并且加粗。需要注意的是,我们展示的内容通常用于新闻或公示的页面。除了用于定义目录和索引页面的不同层次外,标题标签还可以用于定义不同层次的标题。对于我个人来说,H1标签是最常用的。H3之后,我基本上没有使用过。现在,大多数时候使用CSS来自定义网页的字体样式。因此,了解这个标签的含义就足够了。
从本节课开始,我们将进入html主体部分的讲解,不再抽象地介绍配置信息。今天的分享就到这里,希望各位同学能够按照示例进行练习,不看视频也能写出来。如果需要相关文档和案例,请联系我。下期见。
如果您想学习编程,请关注我。
TML 文档是由 HTML 元素定义的。
HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。
HTML 元素语法
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。
HTML 文档实例
<html> <body> <p>This is my first paragraph.</p> </body> </html>
上面的例子包含三个 HTML 元素。
HTML 实例解释
<p> 元素:
<p>This is my first paragraph.</p>
这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p>,以及一个结束标签 </p>。
元素内容是:This is my first paragraph。
<body> 元素:
<body> <p>This is my first paragraph.</p> </body>
<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。
元素内容是另一个 HTML 元素(p 元素)。
<html> 元素:
<html> <body> <p>This is my first paragraph.</p> </body> </html>
<html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>。
元素内容是另一个 HTML 元素(body 元素)。
不要忘记结束标签
即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:
<p>This is a paragraph <p>This is a paragraph
上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
注释:未来的 HTML 版本不允许省略结束标签。
空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。
HTML 提示:使用小写标签
HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
*请认真填写需求信息,我们会在24小时内与您取得联系。