自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 第十三章:段落标签,换行标签

段落标签在HTML中,我们可以使用“p标签”来显示一段文字。语法段落内容举例 段落标签 爱莲说 水陆草木之花,可爱者甚蕃。晋陶渊明独爱菊。自李唐来,世人甚爱牡丹。予独爱莲之出淤泥而不染,濯清涟而不妖,中通外直,不蔓不枝,香远益清,亭亭净植,可远观而不可亵玩焉。 予谓菊,花之隐逸者也;牡丹,花之富贵者也;莲,花之君子者也。噫!菊之爱,陶后鲜有闻;莲之爱,同予者何人? 牡丹之爱,宜乎众矣。![在这里插入图片描述](https://img-blog

2021-09-07 11:48:46 209

原创 第十二章:标题标签

图4-3是绿叶学习网(本书配套网站)中的一个页面,我们从中可以看出:对于一个HTML页面来说,一般都会有各种级别的标题。在HTML中,共有6个级别的标题标签:h1、h2、h3、h4、h5、h6。其中h是header的缩写。6个标题标签在页面中的重要性是有区别的,其中h1标签的重要性最高,h6标签的重要性最低。这里要注意一下,一个页面一般只能有一个h1标签,而h2到h6标签可以有多个。其中,h1表示的是这个页面的大标题。就像写作文一样,你见过哪篇作文有两个大标题吗?但是,一篇作文却可以有多个小标题。举例.

2021-09-07 11:42:34 940

原创 第十一章:文本

页面组成元素在HTML中,我们主要学习怎么来做一个静态页面。从我们平常浏览网页的经验中可知。大多数静态页面都是由以下4种元素组成的。文字。图片。超链接。音频和视频。因此,如果要开发一个页面,就得认真学习用来展示这些内容的标签。此外,我们还需要注意一点:不是“会动”的页面就叫动态页面。静态页面和动态页面的区别在于是否与服务器进行数据交互。下面列出的5种情况都不一定是动态页面。带有音频和视频。带有Flash动画。带有CSS动画。带有JavaScript特效。特别提醒大家一下,即使你的页

2021-09-07 11:37:11 89

原创 第十章:练习题

一、单选题1.下面哪一个标签不能放在head标签内?( )A.title标签B.style标签C.body标签D.script标签2.如果网页中出现乱码,我们一般使用( )来解决。A.B.C.D.<link type="text/css"rel="stylesheet"href=“css/index.css”>3.下面选项中,属于HTML正确注释方式的是( )。A.//注释内容B./注释内容/C.D.//注释内容//二、编程题不借助开发工具代码提示,默写HTML

2021-09-07 11:29:40 4578

原创 第九章:HTML注释

在实际开发中,我们需要在一些关键的HTML代码旁边标明一下这段代码是干什么的,这个时候就要用到“HTML注释”了。在HTML中,对一些关键代码进行注释有很多好处,如方便理解、方便查找以及方便同一个项目组的人员快速理解你的代码。语法说明又叫注释标签。表示注释的结束。举例 HTML注释 静夜思 床前明月光,疑是地上霜。 举头望明月,低头思故乡。 分析从上面我们可以看出,用“”注释的内容不会显示在浏览器中。在HTML中,浏览器遇到HTML标签就

2021-09-07 11:27:09 91

原创 第八章:body标签

在HTML中,head标签表示页面的“头部”,而body标签表示页面的“身体”。在后面的章节中,我们学习的所有标签都是位于body标签内部的。之前我们已经接触过body标签,下面再来看一个简单例子。举例 body标签 静夜思 床前明月光,疑是地上霜。 举头望明月,低头思故乡。![在这里插入图片描述](https://img-blog.csdnimg.cn/20210907111418628.jpeg?x-oss-process=image/wat

2021-09-07 11:15:02 205

原创 第七章:head标签

在上一节中,我们学习了HTML页面的基本结构,也知道head标签是比较特殊的。事实上,只有一些特殊的标签才能放在head标签内,其他大部分标签都是放在body标签内的。这一节涉及的内容比较抽象,也缺乏实操性,因为这些标签都是在实战开发时才用得到,而练习中一般用不到。那么,为什么要在教程初期就给大家介绍head标签呢?其实,这也是为了让小伙伴们有一个清晰流畅的学习思路,先把“页头”学了,再来学“页身”。在这一节的学习中,我们只需要了解head标签内部都有哪些子标签,这些标签都有什么用就可以了。记不住没关系

2021-09-06 11:30:16 131

原创 第六章:HTML结构与基本标签

图3-1是HTML的基本结构,从中我们可以看出,一个页面是由4个部分组成的。文档声明:。html标签对:。head标签对:。body标签对:。一个完整的HTML页面,其实就是由一对对的标签组成的(当然也有例外)。接下来,我们简单介绍一下这4个部分的作用。1.文档声明是一个文档声明,表示这是一个HTML页面。2.HTML标签HTML标签的作用,是告诉浏览器,这个页面是从开始,然后到结束的。在实际开发中,我们可能会经常看到这样一行代码。这句代码的作用是告诉浏览器,当前页面使用的是W3C的

2021-09-06 11:21:24 2617

原创 第五章:使用HBuilder

不管使用哪款开发工具,在开发的时候,我们都需要新建一个HTML页面,然后再在这个页面中编写代码。HBuilder是专为前端打造的开发工具,上手非常快,也是初学者的首选。这一节我们来介绍一下怎么在HBuilder中新建一个HTML页面。① 新建Web项目:在HBuilder的左上方,依次单击【文件】→【新建】→② 选择文件路径及命名文件夹:在对话框中,给文件夹命名,并且选择文件夹路径(也就是文件存放的位置)。新建HTML文件:在HBuilder左侧的项目管理器中,选中test文件夹,然后单击右键,依次选择【

2021-09-06 11:14:13 4982

原创 第四章:开发工具

目前,前端开发工具非常多,如Dreamweaver、Sublime Text、Atom、HBuilder、Vscode等。对于有经验的开发者来说,使用哪一款工具都可以。不过对于完全没有基础的小伙伴,推荐使用HBuilder。这里有个情况有必要跟初学者说明一下。如果选择了Dreamweaver作为开发工具,一定不要使用它的界面操作的方式来开发网页,大家不要觉得Dreamweaver那种用鼠标“点点点”的方式开发网页既简单又快速。等你学了一段时间就会发现,你学到的根本就不是技术,而只是软件操作!采用界面操作的

2021-09-06 11:11:56 2942

原创 第三章:HTML常见问题

1.HTML的学习门槛高吗?学习HTML不需要任何编程基础,即使是小学生也可以学。当年我读大学的时候,讲计算机网络这门课的教授就说,他见过有些小学生都会做网页了!而我那时候都不知道什么是HTML。后来自己接触了很多前端知识后,才明白大学为什么很少涉及HTMLCSS这些课程。因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。学完这本书,要花多少时间?我能达到什么水平?即使没有基础,只要认真学,一周就可以入门了。当然,仅仅学完这个教程,也只是入门程度,只能制作一些简单的网页。如果想要达

2021-09-06 11:09:49 78

原创 第二章:什么是HTML

HTML全称是“Hyper Text Markup Language(超文本标记语言)”,是网页的标准语言。HTML并不是一门编程语言,而是一门描述性的标记语言。语法<标签符>内容</标签符>说明标签符一般都是成对出现的,包含一个“开始符号”和一个“结束符号”。结束符号只是在开始符号前面多加了一条斜杠“/”。当浏览器收到HTML文本后,就会解析里面的标签符,然后把标签符对应的功能表达出来。举个例子,我们一般用“绿叶学习网”来定义文字为斜体。当浏览器遇到标签对时,就会把标签中

2021-09-06 11:04:06 48

原创 第一章:HTML简介

在学习HTML之前,我们先来讲一下网站开发的基础知识。了解这些基础知识,对于你的网站开发学习之路是非常重要的。这不但能让你知道该学什么以及如何学,也能让你少走很多弯路。1.Web 1.0时代的“网页制作”网页制作是Web 1.0时代(即2005年之前)的产物,那个时候的网页主要是静态页面。所谓的静态页面,指的是仅仅供用户浏览而无法与服务器进行数据交互的页面。例如,一篇博文,就是一个展示性的静态网页。在Web 1.0时代,用户能够做的唯一一件事就是浏览这个网页的文字和图片。用户只能浏览网页,却不能在网页

2021-09-06 10:57:55 86

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除