HTML学学习笔记——HTML基础知识

最新推荐文章于 2023-03-04 17:45:54 发布

闲小憨

最新推荐文章于 2023-03-04 17:45:54 发布

阅读量171

点赞数 1

文章标签： HTML 标签 HTML机构

本文链接：https://blog.csdn.net/weixin_45375866/article/details/99473198

版权

前言：HTML的英语意思：Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行操作，HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。

HTML只是一个纯文本文件。创建一个HTML文档，只要两个工具，一个是HTML编辑器（如：Hbuild），一个WEB浏览器（Google 、火狐、IE、欧朋等）。HTML编辑器是用于生成和保存THML文档应用程序。

HTML的基本结构

一个HTML文档是由一系列的元素和标签组成。元素名不区分大小写。HTML用标签来规定元素的属性和它在文件中的位置。

HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体写要显示的各种文档信息。

<html>…</html>标识网页文件的开始与结束，所有的Html元素，都要放在这对标记中。

<head>…</head>标识网页文件的头部信息，如标题、搜索引擎关键字等

<title>…</title>标识网页文件的标题

<body>…</body>标识网页文件的主体部分

<html>  
 <head>  
	 <title>  
	    标题  
	 </title>  
  </head>  
  <body>  
        正文  
  </body>  
</html>

常见的HTML的标记语法

一.单标记
1.<标记名称>
单一型，无属性值，如<br/>——表示换行符

2.<标记名称属性=“属性值”>
单一型，有属性值，如<hr width="80%"/>——表示长度占80%的分隔线

二.双标记
1.<标记名称>…</标记名称>
没有属性值，如<title>....<title>——表示标题

2.<标记名称属性=“属性值”>…</标记名称>
有属性值，如<body bgcolor="red">....</body>——定义网页主体背景为红色

三.标记语法

<1>字符格式
<b>文本</b> 加粗 eg:<b>加粗</b> 加粗
<i>文本</i> 倾斜 eg:<i>倾斜</i> 倾斜
<strong>文本</strong> 加强语气 eg:<strong>加强语气</strong> 加强语气
<u>文本</u> 下划线 eg:<u>下划线</u> 下划线
<s>文本</s> 删除线 eg:<s>删除线</s> ~~删除线~~
<sup>文本</sup> 上标 eg:x<sup>2</sup>-2x+1=0 x²-2x+1=0
<sub>文本</sub> 下标 eg:x<sub>1</sub>=1 x₁=1

<2>区段划分
<p>文本</p> 段落 attention:font标签自动分段
<br> 断行
<nobr>文本</nobr> 关闭换行
<pre>文本</pre> 预保留格式
<div>文本</div> 分区块 attention：不能含有p标签
<hr> 横线 补充：<hr size=?,width=?,color=?>对横线进行设计
<span>文本</span> 文本内容块

<3>常用标签
<font >文本</font> 字体标签
<img> 图片标签
<a>文本</a> 超链接标签
<dl><dt>表名</dt> <dd>表元素</dd> 自定义列表
<ul> <li>文本</li> </ul> 无序表
<ol> <li>文本</li> </ol> 有序表
文本滚动标签
<table> <thead><tr><td>文本</td><thead> <tbody><tr><td>文本</td><tbody> <tfoot><tr><td>文本</td><tfoot> 表格
<article>文本</article> 文章
<section>文本</section> 段落
<header>文本</header> 首部
<footer>文本</footer> 尾部
<aside>文本</aside> 边框
<meter>文本</meter> 进度条
<progress>文本</progress> 任务进度
<form>内容</form> 表单
<input> 生成表单组件
<select>内容</select> 下拉框
<textarea>内容</textarea> 多行文本

总结：HTML的核心部分是各个标签的使用，同在在页面的设计过程中，HTML使用离不开CSS的部署与设计。在HTML学习过程中，牢牢记着各种标签，及其属性，灵活的应用可以帮助实现完美的网页的实现。本节的重点是书籍熟知各种标签，以及HTML的基本框架。

闲小憨

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML学学习笔记——HTML基础知识

HTML的英语意思：`Hypertext Marked Language`，即`超文本标记语言`，是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行操作，HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。
复制链接

扫一扫