2020年,你需要一个全网通用的网站平台

开阳网站推广分享网站制作如何写前端代码

编辑:开阳新城建站 关注: 时间:2019-12-17 10:42:45


温馨提示:专业网站建设、小程序制作、APP开发,尽在新城建站,详询 15544599750(手机、微信、QQ同号)

网站制作如何写前端代码

开端括号之后(左面的括号)需求紧跟一个叹号,完毕括号之前(右边的括号)不需求。 提示:合理地运用注释能够对未来的代码修改工作发生协助。

HTML简介

网站制作如何写前端代码

什么是 HTML?

HTML 是用来描绘网页的一种言语。

HTML 指的是超文本符号言语 (Hyper Text Markup Language)

HTML 不是一种编程言语,而是一种符号言语(markup language)

符号言语是一套符号标签(markup tag)

HTML 运用符号标签来描绘网页

HTML 标签

网站制作如何写前端代码

HTML 符号标签一般被称为 HTML 标签 (HTML tag)。

HTML 文档描绘网页

HTML 文档包括 HTML 标签和纯文本
网站制作如何写前端代码

HTML 文档也被称为网页

HTML 标签是由尖括号围住的关键词,比方

HTML 标签一般是成对呈现的,比方 和 <\/b>

标签对中的第一个标签是开端标签,第二个标签是完毕标签

开端和完毕标签也被称为敞开标签和闭合标签

网站制作如何写前端代码

HTML 文档 = 网页

HTML修改器

咱们能够运用专业的 HTML 修改器来修改 HTML:

Adobe DreamweaverMicrosoft Expression WebCoffeeCup HTML Editor

下面咱们用记事原本制造一个简略的网页:

第一步,翻开记事本

怎么发动记事本:

网站制作如何写前端代码

开端

一切程序

附件

记事本

第二步,在记事本中修改HTML言语

第三步,保存 HTML

在记事本的文件菜单挑选“另存为”。

网站制作如何写前端代码

当您保存 HTML 文件时,既能够运用 .htm 也能够运用 .html 扩展名。

第四步,在浏览器中运转这个 HTML 文件

发动您的浏览器,然后挑选“文件”菜单的“翻开文件”指令,或许直接在文件夹中双击您的 HTML 文件。

成果应该相似这样:

这样,一个简略的网页就成了。

HTML代码-标题

网站制作如何写前端代码

网页制造时用什么来表明标题呢?下面咱们来看看:

HTML 标题

标题(Heading)是经过

-

等标签进行界说的。

界说最大的标题。

界说最小的标题

注释:浏览器会自动地在标题的前后增加空行。

注释:默许情况下,HTML 会自动地在块级元素前后增加一个额定的空行,比方阶段、标题元素前后。

HTML代码—水平线

网站制作如何写前端代码

HTML 水平线

标签在 HTML 页面中创立水平线。

hr 元素可用于分隔内容。

提示:运用水平线 (

标签) 来分隔文章中的末节是一个方法(但并不是仅有的方法)。

HTML代码—注释

网站制作如何写前端代码

HTML 注释

能够将注释刺进 HTML 代码中,这样能够进步其可读性,使代码更易被人了解。浏览器会疏忽注释,也不会显现它们。

注释是这样写的:

注释:开端括号之后(左面的括号)需求紧跟一个叹号,完毕括号之前(右边的括号)不需求。

提示:合理地运用注释能够对未来的代码修改工作发生协助。

网站制作如何写前端代码

HTML代码—阶段

HTML 阶段

阶段是经过

标签界说的。

注释:浏览器会自动地在阶段的前后增加空行。(是块级元素)

提示:运用空的阶段符号

<\/p> 去刺进一个空行是个坏习惯。用 标签替代它!(可是不要用 标签去创立列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)

HTML代码-折行

网站制作如何写前端代码

折行有什么用呢?

当然折行的首要意图是调整网页布局,让它看起来更美观大方。

如果您期望在不发生一个新阶段的情况下进行换行(新行),请运用 标签:

元素是一个空的 HTML 元素。因为封闭标签没有任何含义,因而它没有完毕标签。

HTML款式-布景色彩

background-color 特点为元素界说了布景色彩:

网站制作如何写前端代码

This is a heading<\/h2>This is a paragraph.<\/p><\/body><\/html>

HTML款式-字体、色彩和尺度

font-family、color 以及 font-size 特点别离界说元素中文本的字体系列、色彩和字体尺度:

A heading<\/h1>A paragraph.<\/p><\/body><\/html>

HTML款式-文本对齐

text-align 特点规则了元素中文本的水平对齐方法。

下面咱们看看中,右,左的三种对齐方法演示:

网站制作如何写前端代码

HTML引证

1.HTML 元素界说短的引证。

浏览器一般会为 元素围住引号。

2.用于长引证的 HTML

HTML

网站制作如何写前端代码

元素界说被引证的节。

浏览器一般会对

元素进行缩进处理。

HTML超链接

什么是超链接?超链接就是从一个页面到另一个页面之间跳转的方法。

网站制作如何写前端代码

超链接能够是一个字,一个词,或许一组词,也能够是一幅图画,您能够点击这些内容来跳转到新的文档或许当时文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

咱们经过运用 标签在 HTML 中创立链接。

有两种运用 标签的方法:

网站制作如何写前端代码

经过运用 href 特点 - 创立指向另一个文档的链接经过运用 name 特点 - 创立文档内的书签Visit Baidu<\/a>

上面这行代码显现为:Visit Baidu

点击这个超链接会把用户带到 Baidu 的主页。

提示:\"链接文本\" 不用一定是文本。图片或其他 HTML 元素都能够成为链接。

链接特点

运用 Target 特点,你能够界说被链接的文档在何处显现。

网站制作如何写前端代码

拓展阅读:

开阳小程序开发分享网站维护定期备份网站图片和

开阳网站推广谈分析百度指数搜索热度

开阳小程序开发分享网站设计中新闻类网站设计技巧?

开阳小程序分享给需要网站建设网站制作的新公司一

开阳网站推广谈一些SEO人员如何操作呢

开阳SEO谈为什么不推荐用模板建站

开阳建站分享网站制作方案应解决哪些客户

开阳建站分享一个高价值的网站优化

本文由新城建站整理发布,喜欢请收藏,转载请保留链接 开阳网站推广分享网站制作如何写前端代码https://www.nccpu.net/guizhou/guiyang/kaiyang/30919.html

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!