Html 基础

案例1

 


//

之间的文本被显示为标题

My First Heading

//

之间的文本被显示为段落

My first paragraph.

Html 基础_第1张图片
Paste_Image.png

HTML 标题

//HTML 标题(Heading)是通过 

-

等标签进行定义的。

This is a heading

This is a heading

This is a heading

Html 基础_第2张图片
Paste_Image.png

HTML 链接

HTML 链接是通过  标签进行定义的。
注释:在 href 属性中指定链接的地址。

实例
This is a link

HTML 图像

HTML 图像是通过  标签进行定义的。
实例
![](w3school.jpg)

空白标签

 
表示换行

HTML属性

  • 属性例子 1:

定义标题的开始。

拥有关于对齐方式的附加信息

This is heading 1

TIY : 居中排列标题

  • 属性例子 2:
    定义 HTML 文档的主体。
    拥有关于背景颜色的附加信息。
    TIY : 背景颜色
  • 属性例子 3:
    定义 HTML 表格。(您将在稍后的章节学习到更多有关 HTML 表格的内容)
    拥有关于表格边框的附加信息。

    HTML 水平线


    标签在 HTML 页面中创建水平线。
    hr 元素可用于分隔内容。

    Html 基础_第3张图片

    HTML 注释

    可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
    注释是这样写的:
    实例

    
    
    

    HTML 折行

    如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
    标签:

    This is
    a para
    graph with line breaks


    元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
    亲自试一试

    HTML 的 style 属性

    提供了一种改变所有 HTML 元素的样式的通用方法。

    Html 基础_第4张图片
    HTML 样式实例 - 背景颜色

    background-color 属性为元素定义了背景颜色:

    
    
    

    This is a heading

    This is a paragraph.

    亲自试一试

    Html 基础_第5张图片
    HTML 样式实例 - 字体、颜色和尺寸

    style 属性淘汰了旧的 标签。

    font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:
    
    
    
    

    A heading

    A paragraph.

    亲自试一试

    Html 基础_第6张图片
    text-align 属性规定了元素中文本的水平对齐方式:
    //居中对齐
    

    This is a heading

    Html 基础_第7张图片

    你可能感兴趣的:(Html 基础)