写过的HTML标签(一)

2018-06-24 00:33:03来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.  成对出现,以<h*>开头,以</h*>结尾。前后数字(*)提倡一致,以<h*>为准。例如:<h1>标题</h2>   标题显示字体大小为<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>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:BFC布局原理

下一篇:margin与padding大比拼