HTML之文本格式化、链接、头部、CSS(笔记小结)

1 文本格式化

1.1 文本格式化标签

  • 使用某些标签对文本进行格式化,如加粗、倾斜等,这类标签即称为文本格式化标签。
  • 如下常用的文本格式化标签有:
标签 说明
定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字

1.2 举例





    
    文本格式化标签



    【这是规则】
这是 定义粗体文本 的标签!
这是 定义着重文字 的标签!
这是 定义斜体字 的标签!
这是 定义小号字 的标签!
这是 定义加重语气 的标签!
这是 定义下标字 的标签!
这是 定义上标字 的标签!
这是 定义插入字 的标签!
这是 定义删除字 的标签!

【这是举例】

曾经有一份真挚的爱情摆在我的面前

我没有好好珍惜 等到失去时 才感到后悔

如果老天能够再给我一次机会

我会对那个女孩说 我爱你

如果非要在这个爱上加个期限的话

我希望是 一万年

HTML之文本格式化、链接、头部、CSS(笔记小结)_第1张图片

2 链接

2.1 链接标签

2.2 链接语法

链接文本

2.3 链接属性

属性 说明
链接地址
定义被链接的文档在何处显示
创建一个 HTML 文档书签

2.4 举例





    
    链接学习



    

在当前标签中打开网页

NoamaNelson的CSND博客
NoamaNelson的博客园

在新的窗口中打开网页

NoamaNelson的CSND博客
NoamaNelson的博客园

id属性

NoamaNelson的博客有:

CSND博客
博客园博客

创建图片链接(有边框):
NoamaNelson的CSND博客

创建图片链接(无边框):
NoamaNelson的CSND博客

HTML之文本格式化、链接、头部、CSS(笔记小结)_第2张图片

3 头部

3.1 head元素

  • 元素包含了所有的头部标签元素;
  • 元素中可插入脚本(scripts), 样式文件(CSS),及各种meta信息;
  • 可添加在头部区域的元素标签有:
, <style>, <meta>, <link>, <script>, <noscript> ,<base></code></pre> 
 <h3>3.2 title元素</h3> 
 <ul> 
  <li><code><title></code>定义文档标题;</li> 
  <li>文档中是必须有的;</li> 
  <li>应用:</li> 
 </ul> 
 <blockquote>
   ①浏览器工具栏的标题; 
  <br>②收藏夹中的标题; 
  <br>③搜索引擎结果页面的标题。 
 </blockquote> 
 <ul> 
  <li>举例:</li> 
 </ul> 
 <pre><code class="html"><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>标题学习
    

    
        什么都没有!!!
    

HTML之文本格式化、链接、头部、CSS(笔记小结)_第3张图片

3.3 base元素

  • 描述基本的链接地址/链接目标;
  • 该标签作为HTML文档中所有的链接标签的默认链接;
  • 举例:


    
        
        标题学习
    

    
        
        
        CSDN博客
    

HTML之文本格式化、链接、头部、CSS(笔记小结)_第4张图片

3.4 style元素

  • CSDN博客

    HTML之文本格式化、链接、头部、CSS(笔记小结)_第5张图片

    3.5 link 元素

    • 定义文档与外部资源之间的关系;
    • 通常用于链接到样式表;
    • 举例:
    /* my.css */
    
    body {background-color: rgb(170, 80, 255);}
    a {color: darkblue;}
    
    
        
            
            头部学习
    
            
            
            
    
            
    
        
    
        
            
            
            CSDN博客
        
    
    

    HTML之文本格式化、链接、头部、CSS(笔记小结)_第6张图片

    3.6 meta元素

    • 标签描述了一些基本的元数据;
    • 常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据;
    • 一般放置于 区域;
    • 元数据可使用于浏览器,搜索引擎)等。
    • 举例:
    
    
        
            
            
            
            头部学习
    
            
            
            
    
            
    
    
    
        
    
        
            
            
            CSDN博客
        
    

    3.7 script元素

你可能感兴趣的:(htmlhtml5测试)