HTML基础知识1

最新推荐文章于 2024-10-04 06:11:34 发布

Shijing_187

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量206

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Shijing_187/article/details/104484552

版权

什么是HTML？

HTML是HyperText Markup Language(超文本标记语言)的简写，不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造页面。由一系列HTML元素组合成Web开发人员想要的简单或者复杂的页面。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
可以使用.html与.htm作为html文件的后缀名（扩展名）

HTML文档

一个完整的HTML网页是由多个HTML元素按照一定的方式组成的
在这里插入图片描述 1.DOCTYPE
文档头信息
H5文档类型 <!DOCTYPE html>
2. <html>
HTML的根元素，用来包含HTML文档的所有元素
3. <head>
包含在头部的内容不会被显示的页面中，这里通常包含页面的编码，作者，页面的描述信息，JavaScript的导入，CSS的导入等信息。
4. <meta charset=“utf-8”>
用来声明当前文档的编码方式为utf-8
5. <title>
用来声明当前文档的标题，标题将会出现在浏览器的选项卡中
6. <body>
所有想要显示在浏览器中的元素都被包含在该元素中。

HTML元素

1、块级元素
独占一行空间，用来布局段落，列表，导航菜单，脚注等结构，不要将块级元素嵌套在行内元素中。
如：<div>、<p>、<h1>-<h6>、<hr>、<form>、<ul>、<ol>、<table>等
2、行内元素
与其他元素共享一行空间，一般被嵌套在块级元素中，通常作为段落的一部分出现
如：<span>、<a>、<img>、<br/>、<input>、<select>、<em>、<strong>等
3、空元素
只包含单个标签，通常用于在文档中插入部分内容，例如img
<div><img src=“my.jpg” alt=""></div>
在这里插入图片描述

HTML属性

在这里插入图片描述核心属性
大多数元素都可以使用的属性
id            唯一标识
class       标识一类元素
style        样式
title          描述信息

HTML语法

1、空白
在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白
2、实体
在HTML中，某些字符是预留的。例如：不能使用小于号<和大于号>，这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities)，实体以&符开始，以;结尾。以下是常见的实体
在这里插入图片描述例如：
在网页中显示

3、注释
 (快捷键Ctrl+/)