HTML与CSS

目录

1、HTML简介

2、CSS简介

2.1选择器

2.1.1标签选择器

2.1.2类选择器

2.1.3层级选择器(后代选择器)

2.1.4id选择器

2.1.5组选择器

2.1.6伪类选择器

2.2样式属性

2.2.1布局常用样式属性

2.2.2文本常用样式属性


1、HTML简介

超文本标记语言HTML是一种标记语言,用于描述网页的结构和内容。通过使用各种标签和元素,我们可以定义标题、段落、图像、链接和表格等网页元素。HTML的语法简单直观,容易上手。

HTML与CSS_第1张图片

标题标签:

定义 HTML 文档的根元素,包括 和 。

定义文档头部,包含元数据和其他文档级设置,如标题、样式表和脚本等。

定义文档的主体部分,包含文档的内容。

-
定义标题,从大到小分别为一级标题到六级标题。




    
    Title

  
  

欢迎来到我的网页

这是一段介绍文本。




    
    Title

  
  

一级标题

这是第一个一级标题下的段落。

二级标题

这是第一个二级标题下的段落。

三级标题

这是第一个三级标题下的段落。

四级标题

这是第一个四级标题下的段落。

五级标题

这是第一个五级标题下的段落。

六级标题

这是第一个六级标题下的段落。

定义段落。




    
    Title

  
  

这是一个段落。

这是另一个段落。

定义超链接,可以跳转到其他页面或锚点位置。




    
    Title

  
  

我的第一个超链接

这是一个超链接到 example.com 的段落。

定义图像标签,用于在页面中显示图片。




    
    Title
 
  
  

我的第一个图像

描述图像的文本

      定义无序列表和有序列表。

    1. 定义列表项,必须在
          标签内使用。

          • 苹果
          • 香蕉
          • 橙子
          1. 第一项
          2. 第二项
          3. 第三项

          定义文档中的一个区域或块,常用于布局。

          定义文档中的一个区域或行内元素,常用于样式设置。

          HTML 中常用的高级标签:

          定义表格标签,用于显示数据。

          定义表格行。

          :定义表头单元格和普通单元格。

          
          
          
              
              Title
          
          
            

          定义表单标签,可以用于输入和提交数据。

          定义表单中的输入控件,如文本框、单选框和复选框等。

          定义表单控件的标签。

          姓名 年龄
          张三 25