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>

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

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　

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

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

　

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>

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

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

 

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

Web前端 HTML知识总结的更多相关文章

  1. web前端基础知识及快速入门指南

    web前端基础知识及快速入门指南 做前端开发有几个月了,虽然说是几个月,但是中间断断续续的上课.考试以及其它杂七杂八的事情,到现在居然一直感觉自己虽然很多前端的知识很眼熟,却也感觉自己貌似也知识在门口 ...

  2. Web前端理论知识记录

      Web前端理论知识记录 Elena· 5 个月前 cookies,sessionStorage和localStorage的区别? sessionStorage用于本地存储一个会话(session) ...

  3. web前端基础知识学习网站推介

    内容:一．基础知识及学习资料1. HTML入门学习:http://www.w3school.com.cn/html/index.aspHTML5 入门学习:http://www.w3school.co ...

  4. web前端基础知识总结

    上个寒假总结的web前端的一些知识点给大家分享一下 1.<html>和</html> 标签限定了文档的开始和结束点. 属性: (1)  dir: 文本的显示方向,默认是从左向右 ...

  5. web 前端冷知识

    前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...

  6. Web前端入门知识

    第一阶段:理论知识 第一章:协议理解 第二阶段:了解知识 第二章:前端简介 第三阶段:入门知识 第三章:标签结构 第四章:常用标签 第四阶段:样式搭配 第五章:样式初见 第六章:属性选择 第七章:属性 ...

  7. web前端基础知识

    #HTML    什么是HTML,和他ML...    网页可以比作一个装修好了的,可以娶媳妇的房子.    房子分为:毛坯房,精装修    毛坯房的修建: 砖,瓦,水泥,石头,石子....    精 ...

  8. web前端基础知识-（八）Ajax

    Ajax即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,AJAX = 异步 Ja ...

  9. web前端基础知识-（八）Django进阶之数据库对象关系映射

    Django ORM基本配置 到目前为止,当我们的程序涉及到数据库相关操作时,我们一般都会这么搞: 创建数据库,设计表结构和字段 使用 MySQLdb 来连接数据库,并编写数据访问层代码 业务逻辑层去 ...

  10. web前端基础知识-（七）Django进阶

    通过上节课的学习,我们已经对Django有了简单的了解,现在来深入了解下~ 1. 路由系统 1.1 单一路由对应 url(r'^index$', views.index), 1.2 基于正则的路由 u ...

随机推荐

  1. [运维工具]linux下远程桌面rdesktop安装和使用

    依然是解压 configure make make install 这些步骤 rdesktop -f 16 192.168.16.90 -f是全屏,退出全屏是CRTL+ALT+ENTER 记录一个li ...

  2. SQLite异常 qAdmin: Cannot perform this operation on a closed dataset.【申明：来源于网络】

    SQLite异常 qAdmin: Cannot perform this operation on a closed dataset. 当使用 SQLite administrator,打开SQLit ...

  3. PTA第三次作业

    ---恢复内容开始--- 题目 7-1 计算职工工资 1.设计思路 (1)第一步:观察题意了解各个参数与所需函数在题目中的意义: 第二步:设计算法编写函数,让函数的功能实现题目中所需的功能: 第三步: ...

  4. 快速理解Token，Cookie，Session

    在Web应用中,HTTP请求是无状态的.即:用户第一次发起请求,与服务器建立连接并登录成功后,为了避免每次打开一个页面都需要登录一下,就出现了cookie,Session. Cookie Cookie ...

  5. HttpSession的API

    //获取Session对象request.getSession()request.getSession(boolean create)//获取SessionIdgetId()//获取当前session ...

  6. [Swift]LeetCode287. 寻找重复数 | Find the Duplicate Number

    Given an array nums containing n + 1 integers where each integer is between 1 and n (inclusive), pro ...

  7. 【Scala篇】--Scala中Trait、模式匹配、样例类、Actor模型

    一.前述 Scala Trait(特征) 相当于 Java 的接口,实际上它比接口还功能强大. 模式匹配机制相当于java中的switch-case. 使用了case关键字的类定义就是样例类(case ...

  8. Hbase篇--HBase中一对多和多对多的表设计

    一.前述 今天分享一篇关于HBase的一对多和多对多的案例的分析. 二.具体案例 案例一.多对多    人员-角色   人员有多个角色  角色优先级   角色有多个人员   人员 删除添加角色   角 ...

  9. Hadoop源码篇--Reduce篇

    一.前述 Reduce文件会从Mapper任务中拉取很多小文件,小文件内部有序,但是整体是没序的,Reduce会合并小文件,然后套个归并算法,变成一个整体有序的文件. 二.代码 ReduceTask源 ...

  10. C++ gui程序附加dos输出窗口

    C++ gui程序附加console qtcreator 1:在.pro文件中加入一句: CONFIG+= console 2:在运行设置里勾选在终端运行的选项 vs 1.新建gui项目 2.连接器( ...