HTML基本语法

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>

编译结果图:

 

  • 18
    点赞
  • 58
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值