HTML基础（一）

最新推荐文章于 2023-09-02 22:42:10 发布

wildsea_

最新推荐文章于 2023-09-02 22:42:10 发布

阅读量145

点赞数

分类专栏：语言文章标签：编程语言

本文链接：https://blog.csdn.net/weixin_43680269/article/details/88045721

版权

语言专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML基础

1.HTML认识

@1.html是一种超文本标记语言，非编程语言，标记语言是一套标记标签，HTML通过标记标签来描述网页
@2html标签通常是尖括号包围的关键词，比如,且标签经常成对出现 ,,第一个为开放标签，第二个为闭合标签
@3html文档等于网页，HTML文档包括标签和纯文本，web浏览器的作用是读取html文档，并以网页的形式展现出来

2.html标签

@1html标题是通过 `<h1>`,`<h6>`标签进行定义的

实例

 <html>
  <body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

运行实例
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6

注释：浏览器会自动地在标题的前后添加空行。
注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

@2html段落是通过`<p>`标签进行定义的

实例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

@3html链接是通过`<a>`标签进行定义的

实例

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>

运行实例
This is a link

@4html图像是通过标签进行定义的

<img src="w3school.jpg" width="104" height="142" />

@5html水平线

<hr />标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。

@6html注释

<!-- This is a comment -->

@7html注换行

<br/>
注意，浏览器会忽略源代码中的排版（省略了多余的空格和换行）。

3.html属性

html可以拥有属性，属性提供了有关html元素的更多消息。属性
总是以名称/值对的形式出现，比如name=“value”,属性总是在元素的开始标签中规定。
属性例子 1:

HTML 链接由<a>标签定义。链接的地址在 href 属性中指定：

<a href="http://www.w3school.com.cn">This is a link</a>

属性例子 2:
<h1>定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息。

Example:<h1 align="center">This is heading 1</h1>
属性例子 3:

<body> 定义 HTML 文档的主体。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

Example:<body bgcolor="white blue red black green pink">
(关于HTML中颜色的叠加)
属性例子 4:
<table> 定义 HTML 表格。
<table border="1"> 拥有关于表格边框的附加信息。

wildsea_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础（一）

HTML基础1.HTML认识@1.html是一种超文本标记语言，非编程语言，标记语言是一套标记标签，HTML通过标记标签来描述网页@2html标签通常是尖括号包围的关键词，比如,且标签经常成对出现 ,,第一个为开放标签，第二个为闭合标签@3html文档等于网页，HTML文档包括标签和纯文本，web浏览器的作用是读取html文档，并以网页的形式展现出来2.html标签@1html标题是...
复制链接

扫一扫