基本html标签

<html> ... </html>  定义HTML文档

<head> ... </head>  文档的信息

<meta />  HTML文档的元信息

<title> ... </title>  文档的标题

<link />  文档与外部资源的关系

<style> ... </style> 文档的样式信息

<body> ... </body>  可见的页面内容

<!--  ...  -->  注释

文本标签：

<h1> ... </h1>  标题字大小 ( h1~h6 )

<b> ... </b>  粗体字

<strong> ... </strong>  粗体字 (强调)

<i> ... <i>  斜体字

<em> ... </em>  斜体字(强调)

<center> ... </center>  居中文本

<ul> ... </ul>  无序列表

<ol> ... </ol>  有序列表

<li> ... </li>  列表项目

<a href="链接值"> ... </a>  超链接

<font> ... </font>  定义文本字体，尺寸，颜色，大小 （淘汰）

<sub> ... </sub>  下标

<sup> ... </sup>  上标

<br />  换行

<p> ... </p>  段落其它

图形标签：

<img src(图片源自)=" ... " />  定义图像

<img src="1.jpg" width"100px" height"1oopx" />

<hr />  水平线

表格标签(在网页中显示数据)：

<table> ... </table>  定义表格

<th> ... </th>  定义表格中的表头单元格

<tr> ... </tr>  定义表格中的行

<td> ... </td>  定义表格中的单元

<form> ... </form>  定义供用户输入的HTML表单

<frame />  定义框架集的窗口或框架

form 表单(含输入数据的单子)

<div> ... </div>

三种样式：

<div>1</div>

<div>2</div>

<div>3</div>

<div style="float:left;">1</div>

<div style="float:left;">2</div>

<div style="float:left;">3</div>

(向左浮动)

<div style="float:left;width:100px;height:200px;">1</div>

<div style="float:left;">2</div>

<div style="float:left;">3</div>

补充：

浏览器中不显示图中所画横线（竖线）

样式表中写法：属性:值；

HTML属性：属性名="值"

<div style="float:left;width:100px;height:200px;">1</div>

<div>2</div>

background-color:#333;

背景色

width:30%;

(比例)

例：表格

学号 姓名 成绩
1001 张三 95
1008 李四 78

<table>

　　<tr>

　　　　<th>学号</th><th>姓名</th><th>成绩</th>

　　</tr>

　　<tr>

　　　　<td>1001</td><td>张三</td><td>95</td>

　　</tr>

　　<tr>

　　　　<td>1001</td><td>李四</td><td>78</td>

　　</tr>

</table>

HTML——基本html标签的更多相关文章

  1. a标签点击跳转失效--IE6、7的奇葩bug

    一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...

  2. IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法

    直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...

  3. 百度MIP页规范详解 —— canonical标签

    百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...

  4. 【CSS进阶】伪元素的妙用--单标签之美

    最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...

  5. TODO：Laravel 使用blade标签布局页面

    TODO:Laravel 使用blade标签布局页面 本文主要介绍Laravel的标签使用,统一布局页面.主要用到到标签有@yield,@ stack,@extends,@section,@stop, ...

  6. 最新 去掉 Chrome 新标签页的8个缩略图

    chrome的新标签页的8个缩略图实在让人不爽,网上找了一些去掉这个略缩图的方法,其中很多已经失效.不过其中一个插件虽然按照原来的方法已经不能用了,但是稍微变通一下仍然是可以用的(本方法于2017.1 ...

  7. css-父标签中的子标签默认位置

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  8. xpath提取多个标签下的text

    title: xpath提取多个标签下的text author: 青南 date: 2015-01-17 16:01:07 categories: [Python] tags: [xpath,Pyth ...

  9. 多个Img标签之间的间隙处理方法

    1.多个标签写在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> ...

  10. html5标签canvas函数drawImage使用方法

    html5中标签canvas,函数drawImage(): 使用drawImage()方法绘制图像.绘图环境提供了该方法的三个不同版本.参数传递三种形式: drawImage(image,x,y):在 ...

随机推荐

  1. 「雅礼集训 2018 Day10」贪玩蓝月

    题目链接 题意分析 我们考虑维护两个栈 分别支持左边的插入删除以及右边的插入删除 然后对于两两个栈的我们需要用背包求出最优答案 注意 删除时如果不够的话 我们需要从另一个栈中取出一半加入另一个栈中 注 ...

  2. 2016级算法期末上机-E.中等·ModricWang's Fight with DDLs II

    1125 ModricWang's Fight with DDLs II 思路 圆内被划分部分数的计算方式如下: 圆内部的每一个交点都使得总份数增加了一:除此之外,每一根直线段最后抵达圆周时,总份数也 ...

  3. Linux Shell编程、变量、控制语句

    为什么要学习Shell编程 1)Linux运维工程师在进行服务器集群管理时,需要编写Shell程序来进行服务器管理. 2)对于JavaEE和Python程序员来说,工作的需要,你的老大会要求你编写一些 ...

  4. 新人须知的网站文件和MySQL数据库备份流程思路

    昨天老左再次遇到一个网友告知使用的一台服务器自己无意中点击主机商面板的导致服务器被重新安装系统(居然这也可以),问问是否可以恢复数据.这个同学和之前遇到好几次的网友真相似,从开始购买服务器,到自己网站 ...

  5. Spring Boot 笔记汇总

    使用IDEA搭建Spring Boot入门项目 从零开始完整搭建 Spring-Boot 项目开发框架的教程 IDEA通过Maven WebApp archetype 创建Spring boot项目骨 ...

  6. Hibernate 查询数据库中的数据

    1.Criteria介绍 Criteria与Session绑定,其生命周期跟随着Session结束而结束,使用Criteria时进行查询时,每次都要于执行时期动态建立物件,并加入各种查询条件,随着Se ...

  7. 【性能压测】：MQ队列异步处理机制导致的系统无法接受请求的问题

    一,最近压测系统交易峰值时,因该支交易采用MQ异步队列处理机制:该增加积分的交易,前段服务器优先返回给客户增加积分成功的结果,后端的MQ队列服务器再慢慢处理该请求: 二,压测过程中出现的问题现象:前几 ...

  8. GeneXus学习笔记——入门篇

    使用GeneXus做开发做了有一段时间了 却发现一个问题(O_O)?就是除了相关的Wiki外 网上其他地方的相关资料都很少 于是乎我就想在这记录一些东西 来帮助以后会用到的人(°ー°") 那 ...

  9. 计算几何误差修正cmp

    //计算几何误差修正 Math.EPS=0.00000001; //判断x的符号 Math.cmp=function(x) { if(Math.abs(x)<Math.EPS)return 0; ...

  10. Mac下使用Wine安装Notepad++

    下载: (链接: https://pan.baidu.com/s/1miOjLXY 密码: 2egg) 安装: 1.安装Wine 参考:http://www.cnblogs.com/EasonJim/ ...