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. 约瑟夫环问题 --链表 C语言

    总共有m个人在圆桌上,依次报名,数到第n个数的人退出圆桌,下一个由退出人下一个开始继续报名,循环直到最后一个停止将编号输出 #include <stdio.h>#include <s ...

  2. [Swift]LeetCode664. 奇怪的打印机 | Strange Printer

    There is a strange printer with the following two special requirements: The printer can only print a ...

  3. [Swift]LeetCode786. 第 K 个最小的素数分数 | K-th Smallest Prime Fraction

    A sorted list A contains 1, plus some number of primes.  Then, for every p < q in the list, we co ...

  4. Storm学习笔记 - Storm初识

    Storm学习笔记 - Storm初识 1. Strom是什么? Storm是一个开源免费的分布式计算框架,可以实时处理大量的数据流. 2. Storm的特点 高性能,低延迟. 分布式:可解决数据量大 ...

  5. 优化之Source Qualifier组件

    勾选Select Distinct选项,该选项可去除重复记录,以此达到减少数据量从而提高性能 ----------------------------------------------------- ...

  6. vue-cli中webpack配置详解

    vue-cli是构建vue单页应用的脚手架,命令行输入vue init <template-name> <project-name>从而自动生成的项目模板,比较常用的模板有we ...

  7. Redis Windows下查看版本号

    1.打开redis所在目录启动 redis-server 服务器端. 2.启动 redis-cli 客户端. 3.客户端输入:info 结果如下:

  8. Python获取文件夹的名字

    dir = "../data/20170308/221.176.64.146/" # root 文件夹下的所有文件夹(包括子文件夹)的路径名字../data/20170308/22 ...

  9. java基础(十七)----- 浅谈Java中的深拷贝和浅拷贝 —— 面试必问

    假如说你想复制一个简单变量.很简单: int apples = 5; int pears = apples; 不仅仅是int类型,其它七种原始数据类型(boolean,char,byte,short, ...

  10. asp.net core系列 40 Web 应用MVC 介绍与详细示例

    一. MVC介绍 MVC架构模式有助于实现关注点分离.视图和控制器均依赖于模型. 但是,模型既不依赖于视图,也不依赖于控制器. 这是分离的一个关键优势. 这种分离允许模型独立于可视化展示进行构建和测试 ...