HTML初级知识点整理(上)

it2026-03-02  2

HTML初级知识点整理(上)

Web标准:结构(html),表现(css),行为(javascript)

Html超文本标记语言,不是编程语言,是标记语言。Html负责构建布局框架(盖房子),css控制样式和布局(装修房子)

<html> 与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

HTML 段落是通过 <p> 标签进行定义的。ex:<p>This is a paragraph.</p>

HTML 链接是通过 <a> 标签进行定义的。ex:<a href="http://www.w3school.com.cn">This is a link</a>

HTML 图像是通过 <img> 标签进行定义的。ex:<img src="w3school.jpg" width="104" height="142" />

<br>或者<br/>  标签定义换行,他是单标签(意味着它没有结束标签,因此这是错误的:<br></br>)。

HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

Font标签:字体;  b标签:加粗; strong标签:加粗(有强调作用); span标签:没有固定的格式,对应 css样式; pre标签:保留空格和换行符,文本呈现等宽字体; input标签:加控件;  i标签:倾斜; em标签:倾斜(有强调作用); sup标签:上标;  sub标签:下标;  del标签:删除线; ins标签:插入字;

A标签(链接标签):<a href=”http://www.baidu.com”>百度一下,你就知道</a><!--跳转不换页-->

        <a href=”http://www.baidu.com” target=”_blank”>百度一下,你就知道</a><!--跳转新打开一页-->

        <a href=”地址路径和文件名”>点击下载</a><!--下载,但是不能下载html文件-->

        <a href=”mailto:123456@qq.com”>点击给我发邮件</a>

<a href=”#one”>锚点链接</a>跳转到<h2 id=”one”>锚点链接介绍</h2>

图像标签:src——图片路径(必须属性)  alt——替换文本(图像不能显示时显示的文字) title——提示文本(鼠标放图片上显示的文字) width:宽  height:高  border:边框粗细(一般不用这个,用css样式调整)

相对路径:1.同级路径2.上一级路径/3.下一级路径../

绝对路径:从盘开始写全文件路径

特殊字符:<:&lt ; >:&gt;  空格:&nbsp;

Html style 样式(规定元素的行内 CSS 样式。):

style="background-color:yellow"——background-color 属性为元素定义了背景颜色

        style="font-family:arial;color:red;font-size:20px——font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸

        style="text-align:center——text-align 属性规定了元素中文本的水平对齐方式

HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号

HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。

HTML <abbr> 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

HTML <dfn> 元素定义项目或缩写的定义。

HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)

HTML <cite> 元素定义著作的标题。

HTML <bdo> 元素定义双流向覆盖(bi-directional override)dir="rtl"

资料来源链接:https://www.w3school.com.cn/

https://www.bilibili.com/

最新回复(0)