HTML基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/aaaPostcard/article/details/90741425

概念:

HTML：Hyper Text Markup Language,是制作网页的一种语言，这个语言是不区分大小写的。个人觉得这个很有意思，反馈很快，学到了就可以用，可以自己没事在文本中自己建个网页。

格式：

写的时候是对称的：

title显示标题，body显示内容

<html>
	<head>
		<title>标题</title>
	</head>
	<body>
		内容		
	</body>

</html>

常用：

对html进行修改的话用记事本打开。

<h>的用法：

<h>可以用来当做标题，简单的说就是将字体放大，看上去是一个标题的样子：

<h1>梁间燕子太无情</h1>

<h>分为不同的等级，<h1>代表最大的标题，然后<h2>依次往下排，也可以有两个或多个一样的标题，就是可以有两个<h2>.

<p>和<br>的用法：

<p>是段落标签，就是换了一个段落。用法和上面一样。

<p>三月香巢已垒成，</p>
<p>梁间燕子太无情。</p>

这就变成了两行诗。

<br>是拆行的意思：

三月香巢已垒成，梁间燕子太无情；<br/>明年花发虽可啄，却不道人去梁空巢也倾。

结果就变成了两行诗，从<br/>处分开。和<p>的功能比较类似。

标尺线<hr>:

标尺线是画一条直线，将内容分隔开

<hr color="red" />

字体

font用法：

<font size="7 /"> 寒塘渡鹤影

粗体和斜体

<b>这是粗体</b>
<i>这是斜体</i>

超链接a标签

点击文字或者图片可以跳转到链接处，如果想要换成图片，将文字的位置换成图片路径就可以了。

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

表格

一个<tr>代表一行，一个<td>代表一行里有几个表格

<table>
<tr>
	<td >第一行第一个</td>
        <td >第一行第二个</td>
        <td >第一行第三个</td>
				
</tr>

<tr>
	<td >第二行第一个</td>
        <td >第二行第一个</td>
        <td >第二行第一个</td>
				
</tr>
</table>

跨列：

跨列属性 colspan，跨几列写几就行了。跨行的话将colspan换成rowspan。


<table border="1">
<tr>
	<td colspan="2">小明</td>
	<td>语文</td>
	<td>98</td>
</tr>
			
<tr>
				
	<td>数学</td>
	<td>92</td>
</tr>
</table>

HTML基本介绍

概念:

格式：

常用：