HTML学习笔记

HTML学习笔记

简介

  • 什么是HTML

HTML是用来描述网页的语言,不是一种编程语言,是一种标记语言。标记语言是一套标记标签,HTML使用标记标签来描述内容在Web页面上的呈现方式。HTML文档也叫做Web页面

  • HTML标签

HTML标记标签通常被称为HTML标签。是由尖括号包围的关键字。

  • HTML元素

HTML元素和HTML标签通常指的是相同的意思,但严格来讲,HTML元素包含了开始标签和结束标签。

  • Web浏览器

Web浏览器是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示HTML标签,但可以使用标签来决定如何展现HTML的内容给用户。

  • <! DOCTYPE>声明

<! DOCTYPE>声明有助于浏览器正确显示网页内容。

  • 中文编码

目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候就需要在头部将字符声明为UTF-8.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>页面标题</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <h2>我的第二个标题</h2>
</body>
</html>

HTML基础

  • HTML标题

HTML标题是通过<h1-6>标签定义的。

<h1>这是一个标题</h1>
<hr>
<h2>这是一个标题</h2>

其中,hr用来在页面中创建水平线。

浏览器会自动在标题的前后添加空行。确保标题标签只用于标题,不要仅仅巍峨了生成粗体或者大号字体的文本2而使用标题标签。

  • HTML段落

HTML段落通过标签<p>来定义。

<p>这个<br/>段落<br/>演示了分行</p>

使用br标签可以在不产生新段落的情况下进行换行。

浏览器会自动在段落的前后添加空行。

  • HTML链接

HTML链接是通过标签<a>定义的

<a href="http://www.baidu.com">这是一个链接定义</a>
  • HTML图像

html图像是通过标签<img>定义的。在图像定义中,图片的名称和尺寸以属性的方式提供。

<img src="/images-path/xxx.png" width="256" height="256" />

HTML元素

HTML文档由HTML元素定义。某些HTML元素具有空内容,空元素在开始标签中进行关闭。

HTML属性

属性是HTML元素提供的附加信息。HTML属性可以在元素中添加附加信息,属性一般描述于开始标签,属性总是以名称/值对的形式出现。

<a href="http://www.baidu.com">这是一个链接定义</a>

HTML链接由<a>标签定义,链接的地址在href属性中指定。

  • HTML属性常用引用属性值

属性值应该始终被包括在引号内,双引号是最常用的,不过单引号也没有问题。如果属性值本身就含有双引号,

HTML文本格式化

HTML使用标签<b>bold和<i>italic对输出的文本进行格式化。通常使用标签strong替换加粗标签b,使用em替换i标签。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML引用 元素定义短的引用,浏览器通常会为 元素包围引号。 元素定义被引用的节,浏览器通常会对 元素进...
    做有趣的恶魔阅读 3,875评论 0 1
  • html参考手册 —— 温故而知新 HTML简介 HTML 不是一种编程语言,而是一种用来描述网页的超文本标记语言...
    做有趣的恶魔阅读 3,294评论 0 1
  • 概览与综述 基本形式 解释: DOCTYPE 声明了文档类型 位于标签 描述了文档附加信息 位于标签 ...
    熊白白阅读 2,750评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,073评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92

友情链接更多精彩内容