【C#】HTML介绍

最新推荐文章于 2024-01-24 15:54:44 发布

张_Laura

最新推荐文章于 2024-01-24 15:54:44 发布

阅读量1.6k

点赞数 1

分类专栏： # C#

本文链接：https://blog.csdn.net/Laura__zhang/article/details/111413889

版权

C# 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

文章目录

【前言】
【正文】
【后记】

【前言】

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

HTML 网页的源码
Hyper text Markup language超文本标签语言
浏览器：解释和执行HTML的工具
操作：新建一个txt文本，然后重命名为HTML，再复制网页的源码在文本中，在打开就可以显示那个网页。
网页文件格式：.html或.htm

【正文】

HTML的基本标签

在这里插入图片描述

<head>
	<title>哈哈,我又变帅了</title>
</head>

<body>
<!--这是页面显示的内容-->
	呵呵,果然很帅
	<p>哦,今天天气不错,挺风和日丽的,</p>

	<h1>小杨很帅啊!!!</h1>
	<h2>小杨很帅啊!!!</h2>
	<h3>小杨很帅啊!!!</h3>
	<h4>小杨很帅啊!!!</h4>
	<h5>小杨很帅啊!!!</h5>
	<h6>小杨很帅啊!!!</h6>
	
<!--插入图片，显示图片的宽度和高度-->
	<img src="ml.jpg" alt="这是美女照片" border="2" width="50" height="100" />

</body>

HTML的文档格式标签

在这里插入图片描述

 <p>老马来到桃花&nbsp&nbsp&nbsp&nbsp岛,看见小赵在洗澡,...然后...就没有然后了</p>
 
    <h1>小杨很帅啊!!!</h1>
	<h2>小杨很帅啊!!!</h2>
	<h3>小杨很帅啊!!!</h3>
	<h4>小杨很帅啊!!!</h4>
	<h5>小杨很帅啊!!!</h5>
	<h6>小杨很帅啊!!!</h6>
	
	<hr />
	呵呵,老牛很邪恶,<br />
	其实老苏也一样,他们都很邪恶,唯一纯洁只有一个<br />

标尺线< hr />

HTML属性

在这里插入图片描述

HTML图像

语法:

 <img src=“URL” />

alt属性(显示图片内容)
border属性(图片外侧相框宽度,默认像素)
width属性
height属性
使用相对路径

HTML字体

客户端字体

字体标签：< font>
字体属性：
在这里插入图片描述

物理字体

在这里插入图片描述

逻辑字体

在这里插入图片描述

<font size="7" face="全新硬笔行书简" color="blue">哈哈,我又变帅了</font><br />
<font size="5" face="全新硬笔行书简" color="green">小赵</font><br />

 <b>这是粗体</b><br />
<i>这是意大利斜体</i><br />
 <tt>打印机字体</tt><br />
 <u>下划线字体</u><br />
3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup><br />
 4<sub>2<br />
 <s>这是一句被删除的文字</s><br />
 <em>看看什么样</em><br />
<strong>强调文本</strong><br />

预定义格式文本

<pre>
<code>
     <!--怎么显示的
	 for(int i=0; i<100;i++) 
	 {
		Console.WriteLine("哈哈,我又变帅了");
	 }-->		 
 </code>
</pre>
<br />

marquee标签

用来显示元素的移动
direction属性，设置方向
left、right、down、up

behavior属性，设置模式
scroll、altermate、slide

 <marquee direction="right"><img src="杜甫.gif" /></marquee>
 <marquee direction="down"><img src="杜甫.gif" /></marquee>
 <marquee direction="up"><img src="杜甫.gif" /></marquee>
 <marquee behavior="slide"><img src="乒乓球.gif" /></marquee>

HTML链接

HTML使用超链接与另一个文档相连

a标签语法:

 <a href=“URL”>…</a>(URL可以看成是地址)

如:

<a href="http://www.baidu.com">百度</a><br />

链接可以是一个字、一个词或是一句话，也可以是一副图片
如：

<a href="http://www.baidu.com"><img src="./乒乓球.gif" /></a>

有两种使用方式链接到另一文档

 <a href="MyFirstHTML.htm">跳到指定网页</a>

跳转到指定地方

<a name="上面" href="#下面">跳到下面</a>
<a name="下面" href="#上面">跳到上面</a>

一个图片标签,跳到另一个地方显示图片(连接指向另一个图片地址)

<a href="帅照.jpg">果子妹妹</a>

利用a标签跳到另一个网页的另一个地方

如:
首先在另一个html文件中安插一个a标签

<a name="什么玩意">

然后在现在这个网页的某个地方写下如下代码观察

<a href="C:\Documents and Settings\Administrator\桌面\html例子\font标签.html#什么玩意">跳到另一个网页的另一个地方</a>

创建电子邮件链接

URL格式为：
mailto(协议):收件人的邮箱名?subject=主题名&body=邮件内容
需要安装邮件客户端(outlook)(发邮件要有这个客户端)
如:

<a href="mailto:yhb@itcast.cn?subject=12345&body=56789">发个邮件</a>

(这么做会启动默认的那个客户端,如果想用其他的邮件客户端只需要更改默认的就可以了)

HTML背景——body属性

<body text="white">

text属性(文本的颜色)

<font color=“black”>我很帅啊</font></br />(随便玩的深水炸弹)

link属性(连接的颜色)
alink属性(active 点击的时候连接的颜色)
vlink属性(visited点击之后的颜色)
bgcolor属性(背景颜色)
background属性(背景图片,平铺)

<body text="white" background="帅照.jpg">
<center><img src="帅照.jpg" ></center>

HTML列表

无序列表unorder(圆点)

 <ul><li>第一个</li><li>第二个</li></ul>

square(方块) circle(小圆圈) disk(小圆点)

有序列表order(数字)

 <ol><li>第一个</li><li>第二个</li></ol>

通过type属性来改变

自定义列表

 <dl>项目号,解释<dt>c#</dt><dd>很基础的内容</dd></dl>

【后记】

很尴尬的一件事情就是，所有的HTML格式的语句都是可以直接在网页上写的，所以如果我直接写语句就是显示的它的效果，就看不到语句了，所以直接直接截图了。
当然学习了HTML也可以使用到Markdown中，很多语句都是想通的。

感谢阅读~

张_Laura

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
13
评论
【C#】HTML介绍

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
复制链接

扫一扫