HTML学习笔记(1) 介绍,基本元素和格式元素

最新推荐文章于 2021-03-30 17:28:00 发布

Myriad_Dreamin

最新推荐文章于 2021-03-30 17:28:00 发布

阅读量299

点赞数

分类专栏： HTML 前端笔记文章标签： HTML 前端笔记

本文链接：https://blog.csdn.net/Myriad_Dreamin/article/details/79302859

版权

笔记同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

HTML

0 篇文章 0 订阅

订阅专栏

其实我html已经学完了(当然真正的技巧还远远没有)，但是俗话说得好，不动笔墨不读书，不敲代码你还学什么编程。这里写一点东西主要是试一下自己学过的东西，为将来自己玩一点网页设计打好基础。

HTML的定义:

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

HTML基本文档

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my first html page</title>
</head>
<body>
    <h1>title</h1>
    <p>paragraph</p>
</body>
</html>

这是菜鸟教程上第一个实例
来解释一下<!DOCTYPE html> 类似c语言中的之前的include,加上这个标签浏览器就知道要以html5的格式解析，<html>是根元素，html文件就像一棵树，一层套一层，解析将从这里开始(个人认为，并没有查阅资料)，<head>是程序部分，是给机器和参与网页制作的人看的，</body>是结构部分，是给用户看的。其余部分放到后面讲。

基本元素

除了之前介绍的是基本元素，还有其他的基本元素。
标题在html中有两个，但却是完全不同的两个元素。一个是<title>，是用来声明整个html文档的标题的，它可以显示在浏览器的网页的头上。还有一个是<h1>，一共有六级标题<h1> 到 <h6>。
title实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我是整个网页的标题</title>
</head>
<body>
</body>
</html>

head实例：

我是一级标题

我是三级标题

我是六级标题

我在写实例的时候并没有换行，但是显示的时候每个标题都自觉地霸占一席之地，原因是它们都是块级元素。

其余的还有：

<p>我是段落</p>
s.<br>.e
<hr>
<!--定义一个注释-->

我是段落

s.
.e

(你当然看不见注释)

格式元素

1.<abbr>：用来”注释缩略词，或解释缩略词”

<abbr title="(- -!)">this</abbr>

this
2.<address>顾名思义
2.1.HTML 4.01 不支持 <article> 标签
2.2.<address> 元素通常被包含在 <footer> 元素的其他信息中。
3.<b>加粗

<b>这是一个加粗文本</b>

这是一个加粗文本
4.<bdi>

<p dir="rtl">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>

This arabic word ARABIC_PLACEHOLDER is automatically displayed right-to-left.

5.<bdo>(Bi-Directional Override)

<p>该段落文字从左到右显示。</p>  
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

该段落文字从左到右显示。

该段落文字从右到左显示。

6.<blockquote>

<blockquote>
<p>这是一个长引用，这是一个长引用。</p>
</blockquote>

这是一个长引用，这是一个长引用。

6.2.长引用的软性要求(在XML中是硬性)是包含块级元素。
7.<cite>
在 HTML5 中，<cite> 标签定义作品的标题。
在 HTML 4.01 中，<cite> 标签定义一个引用。

<cite>programing by 'ctrl+c' and 'ctrl+v'</cite> is a nice book.

programing by ‘ctrl+c’ and ‘ctrl+v’ is a nice book.
8.<code><dfn><del><em><i><ins><kbd><pre><q><s><samp><strong><sub><sup><var>等都是可用的格式元素，就不一一列举了。
其实他们更多的不应该用来设计样式，而是告诉计算机它们在文档中的角色是什么。
9.格式元素的属性：
以上介绍的所有格式元素都支持全局属性和事件属性。
其他属性：