04大学生爱编程,学习HTML网页开发教程 做程序员大神

yumo6662个月前 (05-03)技术文章13

做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

主要内容:这是HTML课程的第四课,主要讲解HTML的文字标签和格式标签。在今天我们做一个属于自己的简历。



上节回顾

在上一节中主要讲解了HTML的标题标签(h1~h7)以及加粗、斜体、下划线、上下标等格式的标签。上节请戳→HTML电脑编程03 标题物理字体标签的使用,大学生学编程

HTML


font标签

font标签通过字面意思来看,就是字体的意思。是的这是一个用来显示文字的标签。不过值得说的是,这个文字可以通过属性的方式,指定颜色和字体大小。比如:

font标签的写法

效果:

font标签的显示效果

从书写的HTML代码可以看出,font标签包括两个参数:

  1. color(字体的颜色):颜色的值可以为英文,也可以为RGB数值。

  2. size(字体的大小):通过数字1~7可以控制字体的大小。

  3. face(文字的显示字体):这个属性可以设置显示的字体。如可以写为:face="楷体"


颜色体系

在HTML中包括两种颜色体系。一种就是直接写颜色的英文,如:red(红色)、blue(蓝色)、green(绿色)等。

不同颜色

另外一种颜色体系是RGB。由R(Red)、G(Green)、B(Blue)三种颜色组成。相信小时候很多人都知道两种不同的颜料,可以转换为不同的颜色。RGB就是通过红绿蓝不同的明暗程度。来表示所有的颜色的。

RGB

RGB中的每一个颜色都是以六位十六进制进行表示。数值越大颜色越深。如:000000表示黑色。FFFFFF表示白色。RGB的表示形式一般前面增加#号。


段落标签

段落标签为p。会为里面的文字自动分段显示:

p标签自动分段


换行标签

换行标签为br,这是个单标签。写法为:<br/>。

br标签的形式

效果:

换行标签的效果

默认情况下,HTML的文档排列形式为自上而下,自左而右。标签包括行级标签和块级标签。如果想要对块级标签进行换行,你就需要使用br标签。


其他几个标签

下面是几个标签,大家直接Sublime中写入看一下效果哦。在以后就直接使用啦

居中预格式化标签


相关文章

PC网站建设必备代码知识:HTML基础与应用技巧

在PC网站建设的相关课程里,代码扮演着至关重要的角色。只有熟练运用正确的代码,我们才能打造出功能完善、用户体验出色的PC网站。接下来,我会详细讲解在PC网站建设环节中必须了解的代码知识。HTML基础代...

vb.net的颜色赋值代码(vb颜色表示代码)

有没有人跟我一样,对颜色的名称,除了常用的几种(如红色,白色,黄色,蓝色,绿色,黑色),就无法说出其它颜色的名称来。我解决这个问题的办法,我有一个图,上面都是Color结构已经定义的颜色的名称及对应颜...

教你如何用CSS修改图片颜色(css改变背景图片颜色)

看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜可以给图片非透明区域添加投影。你可以理解...

CSS 颜色体系详解(css颜色有几种表示方式)

说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个...

HTML页面精简代码只需做好这5步(html页面精简代码只需做好这5步程序)

网站打开速度慢?网站加载图片慢?网站容易卡顿?身为站长和网站用户的你有没有遇到过这种情况?没错,这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码,减小网页文件大小,加快网页加载速度...

简单的一行代码,为网站开启深色模式

Darkmode.js 使用 CSS mix-blend-mode 将深色模式带入任何网站,只需将代码加入网页 </body> 之前即可,网页右下方将出现一个可切换浅色模式或深色模式的按钮...