必掌握HTML标签及标签功能与用法

2017-03-23 21:29:12 DIV CSS系列教程之必掌握HTML标签及标签功能与用法

HTML标签与对应介绍-必掌握HTML标签

HTML各标签语法、用法、功能、灵活运用的HTML栏目://www.html8.com.cn/html/
!DOCTYPE 网页声明:作用是声明网页CSS生效及版本
<html></html>网页超文本开始与结束标签
<head></head>头部标签,里面放关键字、网页标题、网页描述、作者标签、link、style等标签
<meta ... ... />描述网页基本信息标签如 关键字(keywords)、内容描述(description)、作者(author)等标签
<title></title>网页标题标签,特点唯一性,只允许一个网页里放1个此标签,而且放入<head></head>内
Script标签,JS调用标签
LINK,外部样式调用标签
<body></body>网页正文内容标签,我们一般网页内容就放入此标签内
<div></div> DIV标签,也是我们常用的//www.html8.com.cn/html/891.shtml
<span></span> span标签,也是我们常用的标签
Div与span区别,本质上两个标签用法一致,在对其都未初始化CSS样式之前,一对DIV标签占用1排区域(如,<div>我将占用1排,哪怕我内容很少</div>),而span标签内的内容有多少将占用就多少区域

常用的html功能标签
<p></p>换大行,或叫段落标签
<br />换行标签(强制换行标签)
P与br区别用法可以进入://www.html8.com.cn/html/985.shtml
Img 图片标签:<img src="图片路径" alt="对图片说明文字" />

img使用
html img标签引入图片

<table>、<td><tr> 一套表格标签,以前流行网页布局标签,现在是DIV代替也是我们要学的
<b></b>和<strong></strong>加粗标签,两种功能都是加粗都可以使用无区别
<i></i>斜体,将文字变为斜体
<u></u>下滑线,将内容加下划线
<hr />水平线,一般很少用了
<em></em>强调标签,很少用
<h1></h1>、<h2></h2>、<h3></h3>...等,标题标签,内容中标题强调标签,如果不初始化他的CSS属性,他们都将文字加粗,数值越大文字将越小,h1在一个网页中我们推荐只用一次,也是有利于SEO,详文://www.html8.com.cn/css/54.shtml
<a>超链接标签,详情://www.html8.com.cn/html/989.shtml

<ul>
<li></li>
<li></li>
</ul>

无序列表标签

<ol>
<li></li>
<li></li>
</ol>

有序标签,如前面会出现1、2、3等排列列表,但是需要设置
<ul>与<ol>一般我们使用ul比较多,但是我们都是将初始化后使用,以后我们会详讲。

<form></form>表单标签
Input表单标签
你可以进入DW软件添加

DW 插入表单
DW软件如何插入表单

作用是提交数据作用,用户表单内添加文本等操作经过程序处理储存到数据库
实际中的留言板、论坛、注册、登录将会用到,当然我们可以对其设置CSS样式的。

 

更新