Web前端 HTML知识总结

HTML篇

一、HTML的概念

   HTML:就是Hyper Text Markup Languaged的缩写,意思就是超文本标志语言

(超文本:功能比普通文本要强;标志语言:使用一组标签对内容进行描述的一门语言(不是编程语言))

二、HTML的语法和规范

   HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。

   HTML文件分为头部分(<head></head>)和体部分<body></body>。

   HTML标签都是由开始标签和结束组成。

   HTML标签不区分大小写,但是根据W3C的建议都是使用小写。

三、HTML的相关标签学习(红色为重要重要重要内容)

标题标签:<h1>最大最大</h1>~<h6>最小标题</h6>(但凡是超过h6的都是按最小的标签来显示如:h7,h10等)

水平线标签 <hr />

段落标签<p></p>

字体标签<font></font>(HTML5中已经是不推荐使用这个标签了)

加粗:<b></b>

斜体:<i></i>

下划线:<u></u>

换行标签:<br/>

空格:&nbsp;

定义文档类型的标签:<!DOCTYPE> 

注释标签:<!--某某-->

定义斜体文本标签:<i></i>

图片标签:<img src="需要导入的图片的路径(绝对路径/相对路径)" width="规定图片的宽度" height="规定图片的导读" alt="图片无法显示时的提示信息"/>

画布标签:<canvas></canvas>在页面画图/绘制图像(结合js代码)

链接标签:

1)超链接:

<a href="填写访问的URL地址(如为#表示当前;javascript:void(0)点击链接什么都不干)” target=“_black(新窗口打开)/_self(当前窗口打开)">xxxx</a>

2)文档链接:

<link href="规定被链接文档的位置。" rel="stylesheet" type=""></link> 链接样式表、定义文档与外部资源的关系、只能存在于 head 部分、可出现任何次数

3)导航链接:<nav></nav> 有兼容性问题

表单标签:

1)<form action=”url“ method="get/post" enctype="multipart/form-data;text/plain;application/x-www-form-urlencoded"></form>Web前端    HTML知识总结

2)<input type="" size="" value="" name=""  checked="">  它没有结束标签

Web前端    HTML知识总结

Web前端    HTML知识总结                                Web前端    HTML知识总结 Web前端    HTML知识总结

 Web前端    HTML知识总结

3)<select name="" required="" size=""></select value="">与<option></option>标签配合使用

4)<textarea> </textarea>标签定义多行的文本输入控件。

 Web前端    HTML知识总结

5)<buttion name="" value="" type="submit/reset/buttion"></textarea> 按钮标签。

6)<filedset><legend></legend></filedset> <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段(就是为某些内容生成一个框,<legend>为框名)。

7)<label>就是为input定义标注(简单点意思就是为它起名字)</label>

列表标签:

1)无序列表:<ul><li></li></ul>  (实际开发中常用这个列表)

2)有序列表:<ol><li></li></ol>

3)自定义列表:<dl><dt>列表中的项目</dt><dd>描述项目</dd></dl>

表格标签:

1)<table border="" cellspacing="" cellpadding="" ><tr><td colsoan=“单元格横跨的列数”rowspan="横数"></td></tr></table>

tr:定义表格有多少行    td:定义一行有多少列) thead:头   tbody:主体    tfoot: 脚注

<thead><tr><th>定义表格头</th></tr></theah>

框架标签:

1)<frameset cols="列的数目或尺寸"/rows="行的尺寸/数目"><frame src=""></frame></frameset>定义框架集  (后台页面的编写常用)

视频/音频标签:1)<audio  src="" controls="">音频</audio>

Web前端    HTML知识总结

2)<video src="" controls="" loop="" >视频</video>

Web前端    HTML知识总结

3)<source src="" media="" type=""></source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

 

                                     

上一篇:hdu 2425 Hiking Trip


下一篇:BootStrap入门教程 (四) :JQuery类库插件(模态窗口,滚动监控,标签效果,提示效果,“泡芙”效果,警告区域,折叠效果,旋转木马,输入提示)