HTML基础知识的学习笔记

HTML基础知识的学习笔记
菜鸟
菜鸟
305
阅读
0
评论
2021年11月02日17:14:20 0 305

一.HTML 标题

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

<h1> 定义最大的标题,<h6>定义最小的标题。

例:

<html>

<body>

<h1>计算机协会</h1>

<h2>计算机协会</h2>

<h3>计算机协会</h3>

<h4>计算机协会</h4>

    <h5>计算机协会</h5>

<h6>计算机协会</h6>

</body>

</html>

运行结果如图:

二.HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

例:

<html>

<body>

<p>hr 计算机协会:</p>

<hr />

<p>计算机协会。</p>

<hr />

<p>计算机协会。</p>

<hr />

<p>计算机协会。</p>

</body>

</html>

运行结果如图:

三.HTML 段落

段落是通过<p> 标签定义的(浏览器一般会自动在段落的前后添加空行)

 例:

<html>

<body>

<p>计算机协会</p>

<p>计算机协会</p>

<p>计算机协会</p>

</body>

</html><html>

<body>

<p>计算机协会</p>

<p>计算机协会</p>

<p>计算机协会</p>

</body>

</html>

运行结果如图:

如果希望在不产生一个新段落的情况下进行换行(新行),可以使用 <br /> 标签,效果是一样的。

四.HTML 样式

style 属性用于改变 HTML 元素的样式

例:

<html>

<bodystyle="background-color:purple;">

<h1>计算机协会</h1>

<pstyle="font-family:jsjxh;color:green">

This text isin jsjxh and green</p>

<pstyle="font-family:jsjxh;color:blue">

This text isin jsjxh and blue</p>

<pstyle="font-size:30px">This text is 30 pixels high</p>

</body>

</html>

运行结果如图:

它是一种改变html元素的样式的通用方法。

五、Html 样式实例 背景颜色

background-color属性为元素定义了背景颜色

<html>

<bodystyle="background-color:red">

<h2style="background-color:purple">This is a jsjxh.</h2>

<pstyle="background-color:green">This is a jsjxh.</p>

</body>

</html>

运行结果如图:

六.HTML 样式实例 - 字体、颜色和尺寸

font-family定义元素中文本的字体系列

color定义元素中文本的字体颜色

font-size 定义元素中文本的字体尺寸

例:

<html>

<body>

<h1style="font-family:微软雅黑">jsjxh</h1>

<pstyle="font-family:方正舒体;color:blue;font-size:20px;">jsjxh.</p>

</body>

</html>

运行结果如图:

七.HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式

例:

<html>

<body>

<h1style="text-align:center">This is a jsjxh</h1>

<p>jsjxh</p>

</body>

</html>

运行结果如:

打赏 点赞(0)
weinxin
微信客服
问题+文章链接地址,发送到此微信:tourism52咨询处理。
历史上的今天
01月
29
网站用户 菜鸟教程

网站用户

您的用户所使用的硬件和软件各不相同。 最重要的事情是了解您的受众(用户)。 他们使用什么显示器? 请记住,在 web 上并非所有用户都使用与您相同的显示器。如果您针对 1024x7...
php,能做,什么 菜鸟教程

PHP 能做什么?

PHP 能做什么?PHP 能做任何事。PHP 主要是用于服务端的脚本程序,因此可以用 PHP 来完成任何其它的 CGI 程序能够完成的工作,例如收集表单数据,生成动态网页,或者发送...
如何,避免,出现,sql,注入,漏洞 菜鸟教程

如何避免出现SQL注入漏洞

一  前言本文将针对开发过程中依旧经常出现的SQL编码缺陷,讲解其背后原理及形成原因。并以几个常见漏洞存在形式,提醒技术同学注意相关问题。最后会根据原理,提供解决或缓解方...
ASP.NET,Web,Pages-,帮助,器,ASP.NET,Web,Pages-,帮助,器, 菜鸟教程

ASP.NET Web Pages-帮助器

ASP.NET Web Pages-帮助器 Web 帮助器大大简化了 Web 开发和常见的编程任务。 ASP.NET 帮助器 ASP.NET 帮助器是通过几行简单的 Razor 代...

评论列表 共有 0 条评论

暂无评论