HTML5+CSS3（HTML基础）

梧桐舒适

于 2024-09-10 19:17:41 发布

阅读量748

点赞数 10

分类专栏： Html5+Css3 文章标签： html html5 css3

本文链接：https://blog.csdn.net/2301_81256766/article/details/142106742

版权

Html5+Css3 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML基础

1.Web前端分三层:

+ HTML:超文本标记语言，从语义的角度描述页面的结构。相当于人的身体组织结构。

+ CSS：层叠样式表。从审美角度美化页面的样式。相当于人的衣服和打扮。

+ JS：从交互的角度描述页面的行为。相当于人的动作，让人有生命里。

2.html5比较完整的骨架：

html
   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Author" content="">
    <meta name="Keywords" content="关键字" />
    <meta name="Description" content="关键词" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>

3.head标签里面，表示页面的配置，有什么配置？

字符集、关键字、页面描述、页面标题、IE适配、视口、iphone小图标等

4.头标签内部的常见标签：

1. <title>:指定整个网页的标题，在浏览器最上方显示。

2. <base>:为页面上所有链接规定默认地址或默认目标。

3. <meta>:提供有关页面的基本信息。

4. <body>:用于定义HTML文档所要显示的内容，也称为主体标签，我们所写的代码必须放在此标签内。

5. <link>:定义文档与外部资源的关系。

5.元素：

1. **图像：**

`<img src="路径" alt="当图片显示不出来，显示文字" title="鼠标悬停显示的文字">`

2. **超链接：跳转页面**

` <a href="链接" target="_blank">标题名字</a> `

` target="_blank"，在跳转页面时，会保留当前页面，重新打开一个新页面`

3. **标题**

4. **列表**

1. 无序列表：（Unordered List）中项目的顺序并不重要，就像购物列表。用一个 <ul> 元素包围。

2. 有序列表：（Ordered List）中项目的顺序很重要，就像烹调指南。用一个 <ol> 元素包围。

html
 //无序列表
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

//有序列表
    <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>