Html 前端 学习笔记整合

本文是关于HTML的学习笔记,涵盖了HTML的基本概念、标签、属性、链接、文本格式、样式、图片、表格、列表、区块、表单和定位器等内容。通过实例解析,帮助初学者理解HTML的结构和使用方法。
摘要由CSDN通过智能技术生成

HTML简介

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSDN</title>
</head>
<body>
    <h1>HTML笔记</h1>
    <p>HTML是用来描述网页的一种语言</p>
</body>
</html>

实例解析

在这里插入图片描述

html标签
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如
标签对中的第一个标签是开始标签,第二个标签是结束标签

开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。

html版本
从初期的网络诞生后,已经出现了许多HTML版本:

版本 发布时间
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013

HTML元素

html文档有嵌套的html元素定义。

HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性
注释: 您将在本教程的下一章中学习更多有关属性的内容。

HTML 属性

属性是 HTML 元素提供的附加信息。

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name=“value”。

属性实例
HTML 链接由 标签定义。链接的地址在 href 属性中指定:

<a href="https://blog.csdn.net/weixin_45852922?spm=1018.2118.3001.5343">这是一个链接</a>

常用的html属性

属性 描述
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)

HTML文本

文本格式化标签

代码示例

<b>加粗文本
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值