HTML5基础知识笔记一

最新推荐文章于 2022-05-02 15:14:46 发布

小学生97

最新推荐文章于 2022-05-02 15:14:46 发布

阅读量250

点赞数 1

分类专栏： HTML笔记文章标签： HTML基础知识笔记 HTML入门

本文链接：https://blog.csdn.net/weixin_44901742/article/details/89220970

版权

HTML笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML5基本概念

HTML（Hyper Text Markup Language）是一种描述性的标签语言，而不是编程语言。主要用于描述超文本中内容的显示方式。
1.hHTML标签符的基本格式

HTML最基本格式为

  <标签符>内容</标签符>

标签符通常成对出现。

需注意的是，HTML只是一个纯文本文件，可以用任意文本编辑器来编辑它，最简单的我们可以用Windows里的“记事本”来建立和编辑，HTML的扩展名是“.htm”或“.html”。
2.HTML5文件的基本结构

一个完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象，这些对象统称为HTML元素。基本结构如下：

<!DOCTYPE html>
<html>                           文件开始的标记
<head>                           文件头部开始的标记
...                              文件头部的内容
</head>                          文件头部结束的标记
<body>                           文件主体开始的标记
...                              文件主体的内容
</body>                          文件主体结束的标记
</html>                          文件结束的标记

3.简单认识标签
（1）“标题”标签
标题标签的格式为<h?>和</h?>(?代表1~6的数字)。这个标签用于设置标题字体的大小。
“标题’标签示例

<html>
  <head>
     <title>网页首页标题</title> 
 </head>
 <body>
     页面中的正文用HTML写在这里
     <h1>这是标题1（h1）的显示效果</h1>
     <h2>这是标题2（h2）的显示效果</h2>
     <h3>这是标题3（h3）的显示效果</h3>
     <h4>这是标题4（h4）的显示效果</h4>
     <h5>这是标题5（h5）的显示效果</h5>
     <h6>这是标题6（h6）的显示效果</h6>
     </body>
</html>

(2)”对齐“属性HTML的标签还可以带一些属性，例如前面的”h1“~"h6"标签都有一个”align“的属性，用来设置”对齐方式’,每个属性都可以设置一个“属性值”，例如“align”属性值可以有3种属性值：“left”(左对齐)“center”（居中）“right”（右对齐）。

对齐属性示例

<html>
   <head>
        <title>简单的网页首页<t/itle>
   </head>
  <body>
      页面中的正文用HTML写在这里
      <h2 align=left>文字左对齐</h2>
      <h2 align=center>文字居中对齐</h2>
      <h2 align=right>文字右对齐</h2>
  </body>
 </html>

下一篇继续学习常见的标签。

小学生97

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5基础知识笔记一

HTML5基本概念HTML（Hyper Text Markup Language）是一种描述性的标签语言，而不是编程语言。主要用于描述超文本中内容的显示方式。1.hHTML标签符的基本格式HTML最基本格式为 <标签符>内容</标签符>标签符通常成对出现。需注意的是，HTML只是一个纯文本文件，可以用任意文本编辑器来编辑它，最简单的我们可以用Windows...
复制链接

扫一扫