返回
基础
分类

定义最小标题

日期: 2020-01-02 08:07 浏览次数 : 198

html底工标签,html标签

HTML常用竹签

  1. <h>  标题

必赢手机登录网址 ,<h1>定义最大标题
<h6>定义最小标题

<h1>this is a heading</h1>
  1. <hr/> 水平线
    3.注释

4. <p>   段落

<p>this is a paragraph</p>

5.<br/>  换行
6. style属性   修改html的样式
background-color    校正背景颜色
font-family               定义文本字种类列
color                        定义文本颜色
font-size                  定义文本的书体尺寸

text-align                 规定文本水平对齐格局

<body style="background-color:yellow">
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
<h1 style="text-align:center">This is a heading</h1>

7.文本格式化相关的竹签
粗体文本       <b>
抓牢语气       <strong>
概念中号字     <big>
概念为重要文字(比不上strong)   <em>
斜体字   <i>
概念大号字   <small>
概念下标字    <sub>
概念上标字   <sup>

8.预格式文本   <pre>
pre成分中的文本经常会保留空格和换行符,且文本也会来得等宽字体,故常用来呈现Computer源代码,注意得利用标识实体表示特殊字符

9.Computer输出标签
概念编制程序代码       <code> 不会保留盈余的空格和换行
概念变量         <var>
概念键盘输入        <kdb>
概念计算机输出实例        <samp>

10.地址       <address>
<address>定义文书档案或作品的编辑者的维系新闻
坐落于<body>成分内,表示文书档案联系音信
放在<article>成分内,表述随笔的维系音信

11.缩写和首字母缩写
概念缩写      <abbr>
概念首字母缩写       <acronym>

<abbr title="etcetera">etc.</abbr>
<acronym title="World Wide Web">WWW</acronym>

把鼠标移至缩略词语上时,title 可用于呈现表达的完全版本

12.概念文字方向    <bdo>

<bdo dir="rtl">Here is some Hebrew text</bdo> 从右向左输出

 

13.块引用
定义长的引用     <blockquote>
概念短的引用语    <q>
概念项目      <dfn>
概念小说的标题      <cite>

14.删除字效果和插入字效果
概念删除字 <del>
概念插入字 <ins>

15.行使样式情势
外表样式表 针对多个页面

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

个中样式表 针对单个文件

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

内联样式 针对个别元素

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

16.链接 <a>
<a>标签可以经过href属性成立指向另三个文档的链接,也足以透过name属性创造文书档案内的书签

例:<a href="http://www.w3school.com.cn/">Visit W3School</a>
例2:<p>
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

借使急需在新窗口中张开链接,则应安装target属性为"_blank"

17.图像标签 <img>

例:<img src="boat.gif" alt="Big Boat">

src属性是图表地方,alt属性是设置图像不大概加载时的文字呈现

18.表格 <table>
当中央银行用<tr>定义,列用<td>定义
边框通过border属性设置,表头用<th>属性设置
报表标题<caption>

19.冬日列表 <ul>

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

 

20.有系列表 <ol>

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

 

21.自定义列表项 <dl>
中间种种自定义列表项以<dt>开端,每一个自定义列表项的定义以<dd>最初

22.div成分是为文书档案布局,span成分首要用以为部分文件设置样式属性

23.框架 <frameset>
笔直框架:
例:

<frameset cols="25%,50%,25%">

<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">

</frameset>

水平框架:

<frameset rows="25%,50%,25%">

 

24.内联框架 <iframe>

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

25.插入脚本 <script>

<script type="text/javascript">
document.write("Hello World!")
</script>

26.<head>全部尾部成分的容器
可包含<title> <base> <link> <meta> <script> <style>
<title>定义文书档案标题
<base>为页面上的享有链接规定私下认可的地址
<link>常用于连接样式表
<style>为html文书档案定义样式音信
<meta>用于规定页面的叙说、关键词、文书档案的编辑者、最终订正时间以至其余元数据。

 

部分小技术:

安装背景图片

<body background="/i/eg_background.jpg">

 

安装图片对齐格局:

<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>

默认为bottom

将段落浮动至段落左臂或左臂:

<img src ="/i/eg_cute.gif" align ="left">

 

通过height和width属性放大或裁减图像

<img src="/i/eg_mouse.jpg" width="100" height="100">

 

制造有可供点击区域的图像地图,在那之中各个区域是叁个超链接

<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />

<map name="planetmap" id="planetmap">

<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />

<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />

</map>

 

管理空单元格:
用 代替里面包车型大巴剧情
安装跨行或跨列的表格单元格

跨过两列的单元格:

<th colspan="2">电话</th>

 

横跨两行的单元格

<th rowspan="2">电话</th>

 

安装单元格边距(单元格内容与边框之间的空域)

<table border="1" cellpadding="10">

 

设置单元格间隔(单元格之间离开)

<table border="1" cellspacing="10">

 

在表格中增添背景颜色或背景图像

<table border="1" bgcolor="red">
<table border="1" background="/i/eg_bg_07.gif">

 

在表格单元中排列内容

<th align="right">一月</th>

安装不相同品类的平稳列表
由此转移type属性的值来退换排序的展现方式
<ol type="A"> 以大写字母类型排序
<ol type="a"> 以小写字母类型排序
<ol type="I">以开普敦字母类型排序
<ol type="i">以小写开普敦字母类型排序
暗中认可是以数字排序

HTML常用竹签 1. h 标题h1定义最大标题 h6定义最小标题 h1 this is a heading / h1 2. hr/ 水平线 3. 注释 !-- this is a comment -- 4...