转自: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>

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

HTML基础第三讲---字体的更多相关文章

  1. 【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记

    [CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面 ...

  2. CSS简介,基础选择器,字体属性,文本属性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

  3. extjs基础 使用图标字体来美化按钮)

    下载 Font Awesome 1.拷贝css 和 fonts 到build同级目录 2.需要在index.html中引入css文件 3.在main.js文件中添加 initComponent : f ...

  4. 富文本编辑器UEditor自定义工具栏(一、基础配置与字体、背景色、行间距、超链接实现)

    导读:UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,功能强大,可定制,是一款优秀的国产在线富文本编辑器,编辑器内可插入图片.音频.视频等. 一.UEditor自定义 ...

  5. css3基础-文本与字体+转换+过渡+动画+案例

    Css3文本与字体   文本阴影 h1 { text-shadow: 5px 5px 5px red; } word-break换行: h1:nth-child(1) { word-break: no ...

  6. CSS基础 和 font字体、背景属性连写 与 清除浮动方法

    1.伪类 1. :link 2. :visited 3. :hover(重要) 4. :active 5. :focus(input标签获取光标焦点) 2.伪元素 1.:first-letter 2. ...

  7. WEB前端基础之SCC(字体颜色背景-盒子模型)

    目录 一:伪元素选择器 1.首字调整>>>:也是一种文档布局的方式 2.在文本的前面通过css动态渲染文本>>>:特殊文本无法选中 3.在文本的后面通过css动态渲 ...

  8. c#基础 第三讲

    Random r = new Random();                 string x, y;             while (true)             {         ...

  9. VC项目配置基础以及快捷键(收藏)

    来自http://blog.csdn.net/phunxm/article/details/5082488 一.IDE基础配置 1.字体 VC6中“Tools→Options→Format→Font” ...

随机推荐

  1. Spring Security 4 Method security using @PreAuthorize,@PostAuthorize, @Secured, EL--转

    原文地址:http://websystique.com/spring-security/spring-security-4-method-security-using-preauthorize-pos ...

  2. 【理论基础】ContentProvider的简要概述

    对于Android应用而言,他们必须相互独立,各自运行在自己的Dalvik虚拟机实例中,如果这些Android应用之间需要实现实时的数据交换——例如我们开发了一个发送短信的程序,当发送短信时需要从联系 ...

  3. [ Java ] [ Eclipse ] 导出/导入Eclipse的workspace配置(备份Eclipse配置)

    Export *.epf 文件 原文連結: http://www.cnblogs.com/52php/p/5677647.html

  4. 程序发布出现: 服务器无法处理请求--->无法生成临时类(result = 1)。 错误CS2001:未能找到源文件“C:\ Windows \ TEMP \ lph54vwf.0.cs”

    服务器上发布的web服务程序出错: 服务器无法处理请求--->无法生成临时类(result = 1).错误CS2001:未能找到源文件“C:\ Windows \ TEMP \ lph54vwf ...

  5. Ubuntu16.04添加HP Laserjet Pro M128fn打印机和驱动

    一.全部设置->打印机->添加新打印机  添加打印机 二.选择自动搜索到的网络打印机HP Laserjet Pro M128fn,点击添加. 三.添加打印机完成,打印测试页进行测试. 四. ...

  6. 在Windows上如何安装和彻底卸载Adobe Flash Player教程

    很多小伙伴在安装水晶易表的时候,经常会遇到“Xcelsius2008需要使用Adobe Flash Player(9.151或者更高版本)”报错问题,如下图所示. 导致安装进程受阻,此时就需要安装高版 ...

  7. 如何利用Python网络爬虫抓取微信好友数量以及微信好友的男女比例

    前几天给大家分享了利用Python网络爬虫抓取微信朋友圈的动态(上)和利用Python网络爬虫爬取微信朋友圈动态——附代码(下),并且对抓取到的数据进行了Python词云和wordart可视化,感兴趣 ...

  8. NOIP愤怒的小鸟

    愤怒的小鸟 Description: 给你\(n<=18\)个小猪,发射的小鸟轨迹为抛物线,求最小用多少个小鸟可以将小猪全部干掉 看到n很小,我想到了搜索,于是我用\(dfs\)枚举出,每个抛物 ...

  9. 搭建专属于自己的Leanote云笔记本

    搭建专属于自己的Leanote云笔记本 Leanote 依赖 MongoDB 作为数据存储,下面开始安装 MongoDB: 下载 MongoDB 进入 /home 目录,并下载 MongoDB: cd ...

  10. Maven学习总结(19)——深入理解Maven相关配置

    MAVEN2的配置文件有两个settings.xml和pom.xml settings.xml:保存的是本地所有项目所共享的全局配置信息,默认在maven安装目录的conf目录下,如果没有安装mave ...