C#——HTML基础知识

最新推荐文章于 2025-06-03 22:57:39 发布

只怪星光太耀眼

最新推荐文章于 2025-06-03 22:57:39 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： C#/CS

本文链接：https://blog.youkuaiyun.com/yjt13/article/details/66479587

C#/CS 专栏收录该内容

9 篇文章

订阅专栏

这篇博客介绍了HTML的基本概念，包括HTML的结构、常用基础元素，如标题、段落、字体样式、图片、链接等，并展示了网页表格和链接的创建。作者通过个人学习经验分享，鼓励读者尝试和学习HTML。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：

小编刚刚接触到HTML，学习了以后总结一下学到的一些基础知识，当然不是特别全面，但是这是学习的记录和分享，希望对您有所帮助。

HTML是什么？

HTML是一种超文本标记语言（HyperText Markup Language），“超文本”就是指页面内可以包含图片、连接，甚至音乐、程序等费文字元素。

超文本标记语言的结构包括“头”部分（英语：head）、和“主体”部分（英语：Body），期中“头”部提供网页的具体内容。

HTML的结构

HTML分为开头，头部和主体三大部分，其中标记都是成对出现的（部分标记例外，如<br/>，HTML用三个双标记符确认页面的整体结构，分别为:

<html> 开头：网页的开始标识
        <head>
        头部：网页的标题
        </head>
        <body>
        主体：网页的内容
        </body>
</html> 结尾：网页的结束标识

标记符<html>，说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>，则表示该文件的结尾，它们是超文本标记语言的开始标记和结尾标记。

<head> </head>；这2个标记符分别标识头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但是影响网页的显示效果。

<body> </body>；网页中显示的实际内容均包含在这两个正文标记符之间。正文标记符又称为实体标记。

HTML的基础元素

<html></html> 创建一个超文本标记语言文档。

<head></head> （头）设置文档标题和其它在网页中不显示的信息

<body></body>文档体，文档的可见部分。

<title></title> 设置文档的标题。

<h1></h1> 最大的标题（一号标题，最大可设置到h6）。

<u></u> 下划线（英文全称：Underline）字符加下划线。

<b></b> 黑体字（英文全称：Bold）字符变为合体字，也就是我们常用的加粗。

<i></i> 斜体字（英文全称：Italics）字符变为斜体字。

<DELECT></DELECT> 加删除线，给字符加删除线。

<font size=""color=""></font> 设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值

&nbsp 空格标签

<img src=”图片名称”/>图片标签，这里需要注意的是，图片和HTML网页要放在同一文件目录下

<!—注释--> 注释标签，为网页添加注释，和我们其他语言一样，给开发者看，用户界面看不到

格式标志标签

<p></p> 创建一个段落（英文全称：Paragraphs）

<hr/> 网页中增加一条水平分割线。

<br/>定义新行，每增加一个，网页中相应的增加一行

网页表格标签

Bgcolor 属性背景颜色

Background 属性，背景图片，平铺

<Table>定义整个表格，即表格的内容要放在<Table>和</Table>标记中；在<Table>中的主要属性：border属性显示表格的边框，width, height属性定义表格的大小。　　

表格的表示以行为单位，在行中包含列。其中：一个<tr>...</tr>标记表示一行；一个<td>...</td>标记表示一列；使用cowspan属性实现跨行，使用rowspan属性实现夸列。

比如显示一个二行二列的标签

<table border=”1”>
    <tr>
          <td>单元格一</td>
    </tr>
    <tr>
          <td>单元格二</td>
    </tr>
</table>

链接标志标签

a 标签

<aherf=”链接”>链接的文本</a> 链接可以是一个字、一个词、或者一句话，甚至是一张图片，比如链接到百度：<a herf=”www.baidu.com”>百度</a>或者<a herf=”www.baidu.com”><imgsrc=”1.jpg”border=”0”/></a>

添加声音文件：<embedheight="100" width="1000" src="声音1.mp3">，网页一旦被加载，声音会直接播放。尝试着加了视频，但是没有成功，网上说得用到H5的知识，所以没有深究。下面是自己的一个尝试的截图：

其中选中的地方的内容是被隐藏的内容，完整代码如下，有兴趣的小伙伴可以自己尝试。

<html>

	<head>
	<title>自己尝试</title>
	</head>

	<body text ="white" bgcolor="white">
	<!--页面注释，下面是页面显示的内容-->
	
	<table border=”1”>
    	<tr>
          <td>单元格内容</td>
    	</tr>
	<tr>
          <td>单元格内容</td>
    	</tr>
	</table>

	<font face="楷体" color="red">其实，这个网页也没有什么东西</font><br />
	这个东西是我今天刚学的<br/>
	<font face="楷体" color="purple">其实，这个网页也有一点点东西</font><br />
	可能看着有点low<br/>
	<font face="楷体" color="blue">你能不能看到这一点点的东西？</font><br />
	但是就是想发出来试试看<br/>
	<font face="楷体" color="green">其实也没有什么东西，我刚学的</font><br />
	最后我想说，其实也没什么难的。<br />
	<embed scr="声音1.mp3" />

	<embed height="100" width="1000" src="声音1.mp3">
	<img src="1.jpg"/>
	<img src="树花.jpg"/>
	<img src="楼.jpg"/>
	<img src="梅.jpg"/>
	<img src="苹果.jpg"/>
	
	</body>
</html>