HTML复习笔记初识HTML
Posted 江寒
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML复习笔记初识HTML相关的知识，希望对你有一定的参考价值。
html
一、HTML是什么？
HTML是超文本标记语言：一种用于创建网页的标准标记语言。使用标记标签来描述网页，告诉浏览器如何解析HTML文件。
tips：
超文本与普通文本的区别：
普通的文本：纯字符
超文本：图片、链接、音视频...
二、HTML的特点
- 浏览器会按照从上往下的顺序解析文件
- 对于语法错误不会打印出来
- 可以使用.html和.htm作为文件后缀（没有区别）
三、HTML的结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link />
<title>html_day1</title>
</head>
<body>
<div>
<h1>标题</h1>
</div>
<p>段落</p>
</body>
</html>----<\\!DOCTYPE\\> 必须是 HTML 文档的第一行，位于 标签之前，有助于浏览器中正确显示网页。。
---- <html>标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
---- <head>标签用于定义文档的头部，它是所有头部元素的容器。
----<meta>提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。
中英文乱码可能需要
----<link>标签定义文档与外部资源的关系。
----<body>元素定义文档的主体。
四、HTML的语法
1.HTML的元素
双标签元素
<标签 属性名=属性值 属性名=属性值 >
子标签/内容
</标签>标签名，属性名不区分大小写（编程习惯要区分）
属性值区分大小写，并且可以用引号引起来
例如：<html><head><title><body><table><tr><td><span><p>
单标签元素
例如：
<img><input><param><meta><link>
2.HTML的元素属性
<div 属性名=属性值 属性名=属性值></div>
1) 核心属性【绝大多数标签都可以使用的属性】
id 唯一标识
title 标题提示
style 样式
class 类名2) 特有属性【某些标签才具有的属性】
img
src 加载的图片的地址（resou rce）
alt 图片无法加载时的文本提示
a
href 访问的链接
target 设置打方式
_self 在当前选项卡打开链接
_blank 新建选项卡打开链接3) 自定义属性
除了html中已有的属性，用户可以自定义属性
<span data-test="test">你好</span>
3.HTML的注释
HTML中的注释如下所示：
<!-- 这是一个注释 -->
TIPS：
HTML和CSS注释的区别：
HTML：<!-- 注释 -->
CSS：/* 注释 */
4.HTML的实体
> 空格 以上是关于HTML复习笔记初识HTML的主要内容，如果未能解决你的问题，请参考以下文章