HTML基本语法
1、<title> </title>: 定义网页标题
<!DOCTYPE html>
<html>
<head>
<meta charset=" UTF-8"><!-- 不可少,否则会出现乱码-->
<title>html语法</title><!-- 定义网页标题 -->
</head>
2、<h1> </h1>:定义标题,<h1><h2><h3>...<h6>它们的字体是依次减小,<h1>最大,<h6>最小,可以同时定义相同的标题标识,且相同的标题字体是一样大的
<h1>HTML语法知识</h1>
<h2>第二个标题</h2>
<h2>第二个标题</h2>
<h3>第三个标题</h3>
<h4>第四个标题</h4>
编译结果图:
3、<hr/>:定义一条水平分隔线,不是成对出现的,只有一个
4、<p> </p>:另起一个段落,单独成行
<hr/><!-- 定义一条水平线,不是成对出现的,只有一个 -->
<p>姓名:张三</p>
<p>年龄:34</p>
<p>性别:男</p>
编译结果图:
5、<i> </i>: 定义斜体,也可以放在<p>中使用
<p>我是一个<i>很棒的</i>男生</p>
编译结果图:
6、<b> </b>:定义粗体字,也可以放在<p>中使用<
<p>我的字体是细的</p>
<b>我的字体是粗的</b>
编译结果图:
7、<br>:另起一行
8、<u> </u>: 加下划线
<p>我的字体是细的</p>
<b>我的字体是粗的</b>
<br>
<u>我不喜欢陌生人</u>
编译结果图:
9、<img src="图片地址">: 插入图片,标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径,注意没有</img>
<p>这是我的照片</p>
<img src="http://wx2.sinaimg.cn/thumb180/71f81b09ly1fgjk9dvzifj20bq0e8q5o.jpg">
编译结果图:
10、<ul> </ul>:作用就是告诉浏览器“我是无序列表”
<ol></ol>:作用就是告诉浏览器“我是有序列表”
<li></li>:作用就是用来书写列表里面每行的内容
<h2>我去过的地方</h2>
<ul>
<li>北京</li>
<li>福建</li>
<li>西雅图</li>
</ul>
<hr/>
<h2>我最近的计划</h2>
<ol>
<li>去西藏</li>
<li>去日本</li>
<li>去新加坡</li>
</ol>
编译结果图:
11、<table border="数字"> :定义 HTML 表格,border是<table>元素的一个属性作 用就是设置表格外面的边框,可有可无
<tr>:定义表格的行
<td>:定义表格的列
<h2>我的朋友们</h2>
<table border="1">
<tr>
<td>董伟</td>
<td>大学同学</td>
</tr>
<tr>
<td>王苗</td>
<td>同事</td>
</tr>
<tr>
<td>李可</td>
<td>妹妹</td>
</tr>
</table>
编译结果图:
11、<video src="视频链接" controls></video> : src 属性是必需的,controls这个属性就是设置我们视频底部的控制条
<h2>我拍过的视频</h2>
<video width="200" height="200" src="http://resource.haorenao.cn/cxy720-2.mp4" controls></video>
编译结果图:
12、<a> :定义超链接,用于从一张页面链接到另一张页面 ,重要的属性是 href 属性,它指示链接的目标
<h2>我的微博链接</h2>
<a href="http://weibo.com">@我的微博</a>
编译结果图: