转自:https://i.cnblogs.com/posts?categoryid=1121494

同样我们在这里继续讲一下它的body,因为它能直观的让大家观察到你所学到的成果。

这一讲,我们来学习字体及其属性,然后大家在学习完后制作一下,看看它的每一个属性所表现的效果。

字体,英文font,这html语言中也是它---font,下面咱们来研究一下font:
  
  1、标题字体<h#> 文字 </h#>  # =1,2,3,4,5,6
  比如:<h1>今天天气真好!</h1> 
  注意:这些一般的用在标题上,所以起名叫标题字体;<h#> ...</h#> 这些标记显示黑体字;这些标记自动插入一个空行,不必用 <p> 标记再加空行,因此在一行中无法使用不同大小的字体。

2、字体的大小,用于一般文字。
  <font size=#> 文字</font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
  <basefont size=#> #=1, 2, 3, 4, 5, 6, 7
  例子:<font size=7>今天天气真好!</font>

3、逻辑字体(Logical Style)
  下划线:<u>文字</u>,代码:<code>文字</code>,删除线:<strike>文字</strike>,闪烁:<blink>文字</blink>,增强:<strong>文字</strong>,强调:<em>文字</em>,示例:<samp>文字</samp>,还有老多,一般的这些了解一下就可以。
   
  4、字体的标志,很常用的。粗体:<b>文字</b>,斜体:<i>文字</i>

5、字体颜色 
  指定颜色 <font color=#> 文字 </font> # =#rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 
  对于16 进制编码的颜色,我们可以这样理解rrggbb六个字符:前两个表示红色,中间的两个表示绿色,后两个表示蓝色;那么,红色(red)ff0000,同样绿色(green)00ff00,蓝色0000ff;其它的颜色就是这几个字符(0-9,a-f)的组合。
  比如:<font color=red> 文字 </font> 红色文字
        <font color=#ff0000> 文字 </font> 红色文字
  大家看看<font color=#rrggbb> 文字 </font>是什么颜色的文字

6、客户端字体(Font Face)
  <font face=#, #, ..., #> ... </font> #=客户端可获得的字体,什么是客户端,通俗的讲,就是你的电脑,face=#就是从你的电脑获得的字体,大家可以点击
客户端字体(Font Face)示例。

7、字符实体(Entities),字符实体一般用在把html里的符号显示在页面上比如<、&等,如果你单独的打上<,页面也可以显示,但如果你想显示<b>这几个字符,怎么办呢?就是它啦。
  &#; #=字符实体名称 或者 ascii 值
  &           &
  <            <
  >            >
            
  这些只是一小部分,那么要显示<b>就要写成<b>了。

以上学到的我们可以综合使用:比如<font size=2 color=#ff0000><i><b>文字</b></i></font>
注意写的时候要前后一致前面<b>后边对应的也应该</b>

好了,关于字体就讲完了!

转载于:https://www.cnblogs.com/sharpest/p/7902986.html

HTML基础第三讲---字体相关推荐

  1. CSS基础:基础选择器、字体和文本样式

    CSS基础 Date: August 31, 2022 Summary: 基础选择器.字体和文本样式 基础认知 学习路径: CSS初识 CSS引入方式 CSS初识 CSS介绍 CSS:层叠样式表(Ca ...

  2. CSS基础选择器、字体和文本样式

    一.CSS简介 美化网页.布局页面 CSS(层叠样式表Cascading Style Sheets)(CSS样式表或级联样式表) 主要用于设置HTML中的文本内容(字体.大小.对齐方式等).图片的外形 ...

  3. CSS(简介、基础选择器、字体属性、文本属性、引入方式)

    文章目录 1.CSS简介 1.1HTML的局限性 1.2CSS-网页美容师 1.3CSS语法规范 2.CSS基础选择器 2.1选择器的作用 2.2选择器的分类 2.3标签选择器 2.4类选择器 2.5 ...

  4. 我的前端学习之CSS基础--选择器、字体、非布局样式、背景

    CSS基础 选择器 半透明,可叠加,第一张的padding,第二张的font-size,第三张的background <style>body{padding :10px; font-siz ...

  5. CSS(二)元素基础样式、字体属性、文本属性

    目录 一.元素基础样式 1. 尺寸和单位 2. 颜色 3. 边框 4. 元素的分类 5. 显示和隐藏属性 二.字体属性 三.文本属性 一.元素基础样式 1. 尺寸和单位 宽度width和高度heigh ...

  6. 「css基础」关于字体相关的基础知识(一)

    常言道网页设计的好坏,95%取决于字体的排版.尽管现在抖音.小视频和游戏的盛行,其占据了我们大部分的业余时间,但是还是有大部分人在网络上进行阅读,比如查阅资料,阅读小说.看新闻.知识学习之类. 舒适的 ...

  7. CSS3基础(基础认知,选择器,字体属性,文本属性,CSS 的三种引入方式)

    CSS3基础 1. 基础认知 1.1 CSS 简介 CSS 的使用场景是什么? 美化网页,布局页面 CSS 的中文名称是什么? 层叠/级联样式表(Cascading Style Sheets) CSS ...

  8. CSS基础--颜色、字体、背景、边框等

    学习目标: 掌握 CSS 颜色,单位,注释等基本元素的使用方法 学习内容: CSS基础 1.颜色 指定颜色是通过使用预定义的颜色名称,或 RGB.HEX.HSL.RGBA.HSLA 值. 2.单位 C ...

  9. CSS的基础选择器、字体属性、文本属性和引入方式

    目录 一.css的语法规范 二.css的基础选择器 (一)基础选择器总结 (二)标签选择器 (三)类选择器 (四)id选择器 (五)通配符选择器 三.CSS字体属性 (一)字体属性总结 (二)font ...

最新文章

  1. 汇编语言求无符号数组中出现的次数最多数_【今日最佳leecode通俗易懂】无重复字符的最长子串...
  2. iOS开发UI篇—核心动画简介
  3. Shape Drawable
  4. 【AI不惑境】AutoML在深度学习模型设计和优化中有哪些用处?
  5. roboware studio_关于安装Roboware的教程
  6. c语言第六次实验报告,第一年C语言实验报告6列
  7. 常用NTP网络时间服务器整理
  8. 这些文章可以使知识融会贯通
  9. [WebApi] 捣鼓一个资源管理器--服务器端分割压缩图片
  10. Surface的创建过程分析
  11. 卸载Proteus7进展缓慢、卡顿
  12. 计算机网络---通过DNS服务器查询Web服务器的IP地址
  13. dataframe建一个空的,R创建一个空的data.frame
  14. 第十五节 使用NETCONN 接口编程
  15. 将淘宝客链接转换为正常淘宝、天猫商品链接
  16. android 全屏广告,手机端全屏广告展示问题
  17. 下拉电阻阻值选多大?
  18. Linux下vi修改行距,调整label中text显示的行间距
  19. Windows游戏编程学习笔记
  20. 李开复成长中的十句格言:求知若饥 虚心若愚(from cnbeta)

热门文章

  1. CC2530的串口实验
  2. 常考数据结构与算法----给定一个二叉树和一个值 sum,请找出所有的根节点到叶子节点的节点值之和等于sum 的路径,
  3. spring:《spring实战》读后感二
  4. Algs4-1.4.12找出两个有序数组的公共元素-方法1
  5. Exchange server 2003迁移到2010后,手动更新地址列表,提示OAB Versions无效
  6. MemoryMappingFile泄漏分析过程
  7. Android系统Surface机制的SurfaceFlinger服务的启动过程分析
  8. Literal的使用和作用
  9. docker构建镜像 发布镜像
  10. MALTLAB 求出水仙花数