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. python+SQLAlchemy+爬虫

    python+SQLAlchemy+爬虫 前面分享了SQLAlchemy的知识,这次我共享一下学习用python开发爬虫再把爬出来的数据放到用SQLAlchemy的数据库上面的知识,当然我这个是带测试 ...

  2. 权限系统设计-day01

    数据库表的设计:   关键流程思考: 权限在SSH系统中应该表现为什么东西? 小胖这个用户登陆:1,检查用户名和密码;2,检查通过; 1),得到小胖这个用户的对应的所有的角色:R1 2),根据所有的角 ...

  3. PostgreSQL+PostGIS 的使用

    一.PostGIS中的几何类型 PostGIS支持所有OGC规范的“Simple Features”类型,同时在此基础上扩展了对3DZ.3DM.4D坐标的支持. 1. OGC的WKB和WKT格式 OG ...

  4. NIO类库

    NIO概述 从JDK1.4开始,引入了新的I/O类库,它们位于java.nio包中,其目的在于提高I/O的操作效率.nio是new io的缩写. 参考文章:NIO BIO AIO区别 java.nio ...

  5. Node.js(day3)

    一.模块系统 1.什么是模块 Node.js中常用的核心模块有: http模块 fs文件系统模块 url模块 path模块 os系统模块 在使用Node.js中我们发现每个js之间是没有联系的,都是单 ...

  6. [Swift]LeetCode233. 数字1的个数 | Number of Digit One

    Given an integer n, count the total number of digit 1 appearing in all non-negative integers less th ...

  7. [Swift]LeetCode403. 青蛙过河 | Frog Jump

    A frog is crossing a river. The river is divided into x units and at each unit there may or may not ...

  8. LongAdder 测试

    import org.slf4j.Logger;import org.slf4j.LoggerFactory; import java.util.concurrent.CountDownLatch;i ...

  9. Calling handler.OnEndpointsUpdate报错原因

    过程:部署node01节点时从一台已经部署好的node02把/opt/kubernetes目录直接拷贝了过来,然后修改相应配置文件,启动kubelet是日志报如下图错误: 导致node01无法连接上m ...

  10. 在.net core上使用Entity FramWork(Db first)

    在.net core中不可以向往常一样去直接可视化创建EF了,那我们可以通过命令安装 其依赖项有 Install-package Microsoft.EntityFrameworkCore Insta ...