写过的HTML标签(一)
HTML > 标题显示字体大小为<h1>。
HTML 段落是通过标签 <p> 来定义的.
HTML 链接是通过标签 <a> 来定义的. 实例: <a href="http://www.w3cschool.cn">这是一个链接</a>
HTML 图像是通过标签 <img> 来定义的. <img src="w3cschool.png" width="104" height="142">
HTML 水平线是通过标签 <hr> 页面中创建水平线。
HTML 注释 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要 <!-- 这是一个注释 --> (<!这也TM可以>)
HTML 折行 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br>标签
格式化标签: <b>这个是文本加粗 <strong>这个是文本加粗 <big>这个文本字体放大 <small>这个文本是缩小 <em>这个文本是斜体 <i>这个文本是斜体
<sub>下标 <sup>上标
<pre> 输出:
此例演示如何使用 pre 标签 此例演示如何使用 pre 标签
对空行和 空格 对空行和 空格
进行控制 进行控制
</pre>
HTML 文字方向 <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
HTML 双引号是通过标签 <q> 来定义的.
删除字效果和插入字效果 <del>blue</del> <ins>red</ins> blue red
使用 Target 属性,你可以定义被链接的文档在何处显示。 <a href="http://www.baidu.com/" target=""> target 属性设置为 "_blakn", 链接将在新窗口打开,设置为"top"为跳出框架
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
使用 <base> 定义页面中所有链接默认的链接目标地址。
表格由<table>标签来定义。每个表格均有若干行(由 <tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> (table head)标签进行定义。
border属性定义有没有边框 有边框数值从1开始,小于1没有边框(例如border="0.8"照样没有边框)
colspan属性合并横排的表格,rowspan属性合并竖排的表格 cellspacing属性定义表格的间距
HTML 列表 分为有序<ol>进行标记和无序<ul>进行标记
| 有序列表 | <ol start="50"> | 从数字50开始标记(默认从1开始) |
| <ol type="A"> | A、B、C大写字母排列 | |
| <ol type="a"> | a、b、c小写字母排列 | |
| <ol type="I"> | 阿拉伯数字大写排列 | |
| <ol type="i"> | 阿拉伯数字小写排列 | |
| 无序列表 | <ul style="list-style-type:disc"> | 圆点排列 |
| <ul style="list-style-type:circle"> | 空心圆圈排列 | |
| <ul style="list-style-type:square"> | 方形点排列 |
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<div style="color:#0000FF">
<h3>...</h3>
</div>
HTML <span> 元素是内联元素,可用作文本的容器。当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
<p>我的母亲有<span style="color:blue;font-weight:bold">蓝色</span>的眼睛</p>
写过的HTML标签(一)的更多相关文章
- 什么情况下可以不写PHP的结束标签“?>”
我们经常看到有些PHP文件中的代码是只有开始标签,而没有结束标签的,那么什么情况下可以不写这个结束标签,而什么情况下必须写?先来看2个例子: 下面的代码正常运行: <?php echo 1234 ...
- vue如何写组件(script标签引入的方式)
很多人知道.vue结构的单文件组件形式,不过这种单文件组件的结构如果要加入到现有的jquery项目中就比较麻烦了,那如果我们又想用vue来写模板,又不想引入vue-cli管理,那该怎么来写组件呢?别着 ...
- react写单选按钮或table标签
首先,原理是一样的: class Loca_choose_wrap extends Component{ constructor(){ super(); this.state={ port_name: ...
- Effective前端2:优化html标签
div { float: left; } .keyboard > div + div { margin-left: 8px; } --> div{display:table-cell;ve ...
- HTML5笔记1——HTML5的发展史及标签的改变
记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...
- 重温JSP学习笔记--JSP动作标签
上一篇笔记写的是jsp的三个指令九个内置对象,这篇随笔开始写jsp的动作标签,动作标签是由服务器(Tomcat)来解释执行,与java代码一样,都是在服务器端执行的,jsp动作标签有十几多个,这里只写 ...
- HTML5标签与HTML4标签的区别示例介绍_html5教程技巧
(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> &l ...
- HTML5标签
可以进行省略的标签 不允许写结束标记的标签:area(定义图像映射中的区域).base(为页面上的所有链接规定默认地址或默认目标).br.col(为表格中一个或多个列定义属性值).embed(定义嵌入 ...
- EL函数以及自定义标签的应用
一.EL函数(调用普通类的静态方法) 编写步骤(自定义EL函数的编写步骤即自定义标签的编写步骤): ①编写一个普通的java类,提供一个静态方法,功能自定,例如下: package cn.wzbril ...
随机推荐
- 真正通用的SQL分页存储过程
关于SQL分页的问题,网上找到的一些SQL其实不能真正做到通用,他们主要是以自增长ID做为前提的.但在实际使用中,很多表不是自增长的,而且主键也不止一个字段,其实我们稍做改进就可以达到通用.这里还增加 ...
- X431 元征诊断枪
X-431 Diagun是专门为汽车维修技师设计的诊断设备. 小巧的主机.强大的诊断功能.方便快捷的网上升级.一体化多功能接头,都是维修技师的首选.X-431 Diagun 是汽车维修技师的标准装备. ...
- 学习理论之正则化(Regularization)与模型选择
一.引言 对于一个学习问题,可以假设很多不同的模型,我们要做的是根据某一标准选出最好的模型.例如,在多项式回归中,对于我们的假设模型,我们最要紧的是决定 k 到底取多少合适,能不能有一种方法可以自动选 ...
- Objective-C的对象模型和runtime机制
内容列表 对象模型(结构定义,类对象.元类和实例对象的关系) 消息传递和转发机制 runtime系统功能理解 对象模型 结构定义 对象(Object): OC中基本构造单元 (building blo ...
- 生成html的几种方案
方案1: /// <summary > /// 传入URL返回网页的html代码 /// </summary > /// <param name=&q ...
- boost.asio源码剖析
一. 前 言二. 架构浅析三. 流程分析 * 常见流程分析之一(Tcp异步连接) * 常见流程分析之二(Tcp异步接受连接) * 常见流程分析之三(Tcp异步读写数据) ...
- android Unable to instantiate application
最近一段时间在做项目时候遇到一个错误老是解决不了,log如下: FATAL EXCEPTION: main12-11 09:08:53.922 E/AndroidRuntime( 1227): jav ...
- 了解javascript中的this --实例篇
对javascript this的赋值有了深一层的理解后,看一下比较复杂的情况,this的应用篇参考<对javascript this的理解>. #demo1 var name=" ...
- 用PredicateBuilder实现Linq动态拼接查询
在使用Linq查询的时候,特别是如果你在使用Entiry Framwork,有时会遇到动态查询的情况(客户的查询条件是不固定的拼接查询).我们能想到的第一方案应该是拼接SQL,的确这样是可以达到我们的 ...
- Laravel 5.0 之命令及处理程序
本文译自 Matt Stauffer 的 系列文章 . 本文中涉及的新功能都是关于 Commands 的,这些特性在 Laravel 旧版本中已经有了,但是在 Laravel 5.0 中变得更加好用了 ...