继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

html基本标签知识简介

IT军
关注TA
已关注
手记 2
粉丝 7
获赞 170

一、什么是html?

Hyper Text Markup Language

超文本标记语言

编辑工具: 记事本 Editplus Dreamweaver UtralEdit

后缀改成.html或者是.htm

二、Html文档的基本结构

<html>网页文件的开始
<head>网页文件头部的开始

</head>网页文件头部的结束
<body>网页文件主体部分的开始

</body>网页文件主体部分的结束
</html>网页文件的结束

三、标签

1) 1、 <title></title> 网页的题目
2、 <meta ttp-equiv="ContentType" charset=gb2312 >
2) A、块级标签 -------10个
a、基本块级标签;------3个
1)标题标签<h1></h1>.......<h6></h6> h1最大,h6最小,前后隔行
2)段落标签<p></p> 类似于语文中的段落
3)水平线标签<hr/>
<hr size="2" color="blue" width="120"/>
<hr size="3" color="red" width="50%"/>
线的厚度 颜色 宽度
b、常用于布局的块级标签;-----7个
1)有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
..........
</ol>
2)无序列表
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
.............
</ul>
3)定义描述标签
<dl>
<dt>定义</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
4)定义描述标签实现图文混编
<dl>
<dt>图片</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
5)表格标签
<table>-------表格
<tr>----------行
<td></td>------列
<td></td>
</tr>
</table>
6)表单标签
<form></form> 一般和table一起使用
7)分区标签
<div></div>

B、行级标签---------3个
1)图像标签<img="图片的地址" alt="提示文字" title="提示文字">
        相对地址、绝对地址

2)范围标签<span></span>

3)换行标签 <br/>
打开App,阅读手记
10人推荐
发表评论
随时随地看视频慕课网APP