位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

常用HTML代码解释1

提问人:刘团圆发布时间:2020-10-10

一、文字

1.标题文字 <h#>..........</h#> #=1~6h1为最大字,h6为最小字

 

2.字体变化 <font>..........</font>

1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大

2】指定字型 <font face="字体名称">..........</font>

3】文字颜色 <font color=#rrggbb>..........</font>

              rr:表红色(red)色码

              gg:表绿色(green)色码

              bb:表蓝色(blue)色码

              rrggbb也可用6位颜色代码数字

 

3.显示小字体 <small>..........</small>

 

4.显示大字体 <big>..........</big>

 

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

 

6.斜体字 <i>..........</i>

 

7.打字机字体 <tt>..........</tt>

 

8.底线 <u>..........</u>

 

9.删除线 <strike>..........</strike>

 

10.下标字 <sub>..........</sub>

 

11.上标字 <sup>..........</sup>

 

12.文字闪烁效果 <blink>..........</blink>

 

13.换行(也称回车) <br>

 

14.分段 <p>

 

15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr><h#>标签时会自动设回预设的向左对齐。

 

16.分隔线 <hr>

1】分隔线的粗细 <hr size=点数>

2】分隔线的宽度 <hr size=点数或百分比>

3】分隔线对齐方向 <hr align="#">

     #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐

4】分隔线的颜色 <hr color=#rrggbb>

5】实心分隔线 <hr noshade>

 

17.居中对齐 <center>..........</center>

 

18.依原始样式显示 <pre>..........</pre>

 

19.<body>指令的属性

1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>

2】背景图案 -- background <body  background="图形文件名">

3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>

4】文件内容文字的颜色 -- text <body text=#rrggbb>

5】超连结文字颜色 -- link <body link=#rrggbb>

6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>

7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>

 

20.文字移动指令<MARQUEE>..........</MARQUEE>

     移动速度指令是:scrollAmount=#    #最小为1,速度为最慢;数字越大移动的越快。

     移动方向指令是:direction=#          up向上、down向下、left向左、right向右。     

     指令举例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>

 

二、图片

1.插入图片 <img src="图形文件名">

 

2.设定图框 -- border <img src="图形文件名" border=点数>

 

3.设定图形大小 -- widthheight <img src="图形文件名" width=宽度点数 height=高度点数>

 

4.设定图形上下左右留空 -- vspacehspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>

 

5.图形附注 <img src="图形文件名" alt="说明文字">

 

6.预载图片

<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致;

 

7.影像地图(Image Map<img src="图形文件名" usemap="#图的名称"> <map name="图的名称">

<area shape=形状 coords=区域座标列表 href="连结点之URL">

<area shape=形状 coords=区域座标列表 href="连结点之URL">

<area shape=形状 coords=区域座标列表 href="连结点之URL">

<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>

1】定义形状 -- shape

shape=rect:矩形 shape=circle:圆形 shape=poly:多边形

2】定义区域 -- coords

a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标

例:<area shape=rect coords=100,50,200,75 href="URL">

b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度

例:<area shape=circle coords=85,155,30 href="URL">

c.任意图形(多边形):将图形之每一转折点座标依序填入

例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"

 

三、表格相关

1.表格标题

<caption>..........</caption>

 

表格标题位置 -- align

<caption align="#"> #号可为 top:表标题置于表格上方(预设值)

bottom:表标题置于表格下方

 

2.定义列 <tr>

 

3.定义栏位 《1<td>:靠左对齐

           2<th>:靠中对齐粗体

1】水平位置 -- align <th align="#">

                  #号可为 left:向左对齐  center:向中对齐 right:向右对齐

2】垂直位置 -- align <th align="#"> #号可为

                top:向上对齐 middle:向中对齐    bottom:向下对齐

3】栏位宽度 -- width     <th width=点数或百分比>

4】栏位垂直合并 -- rowspan    <th rowspan=欲合并栏位数>

5】栏位横向合并 -- colspan      <th colspan=欲合并栏位数>

 

四、表格的主要属性

1. <table>标记的主要属性

    align定义表格的对齐方式,有三个属性值centerleftright

    background定义表格的背景图案,属性值为图片的地址

    bgcolor定义表格的背景颜色,属性值是各种颜色代码

    border定义表格的边框宽度,属性值是数字

    bordercolor定义表格边框的颜色,属性值是各种颜色代码

    cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字

    cellspacing定义表格中单元格之间的距离

    height定义表格的高度,属性值是数字

    width定义表格的宽度,属性值是数字

 

2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:

    align定义对齐方式,属性值与上同

    background定义背景图案 bgcolor定义背景色

 

3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:

    colspan定义合并表格的列数,属性值是数字

    rowspan定义合并表格的行数,属性值是数字 

继续查找其他问题的答案?

发表评论(共0条评论)
请自觉遵守互联网相关政策法规,评论内容只代表网友观点,发表审核后显示!

2021年国家电网校园招聘考试直播课程通关班

  • 讲师:刘萍萍 / 谢楠
  • 课时:160h
  • 价格 4580

特色双名师解密新课程高频考点,送国家电网教材讲义,助力一次通关

配套通关班送国网在线题库一套

课程专业名称
讲师
课时
查看课程

2020年解放军文职招聘考试全程直播课

杜老师139课时试听目录

2021级国家电网招聘考试管理专业知识精讲班直播课

黎老师160小时试听目录

2021级国家电网招聘考试其它工学类专业题海练习班直播课

贺老师160小时试听目录

2021级国家电网招聘考试金融专业知识精讲班直播课

钟老师140小时试听目录

2021级国家电网招聘考试计算机专业知识精讲班直播课

杜老师160小时试听目录

2021级国家电网招聘考试通信专业知识精讲班直播课

李老师350小时试听目录

2021级国家电网招聘考试财会专业知识精讲班直播课

王老师120小时试听目录

2021级国家电网招聘考试研究生题海班直播课程

严老师180小时试听目录

2021级国家电网招聘考试研究生电气专业知识精讲班直播课

彭老师160小时试听目录

2021级国家电网招聘考试本科电气专业考前押题班录播课

蒋老师168h试听目录

2021级国家电网招聘考试本科电气专业题海训练班直播课

谷老师165小时试听目录

2021级国家电网招聘考试本科电气专业知识精讲班直播课

严老师160小时试听目录

2021级国家电网招聘考试专科电气专业考前押题班直播课

王老师150小时试听目录

2021级国家电网招聘考试专科电气专业知识题海训练直播课

杨老师146小时试听目录

2021级国家电网招聘考试专科电气专业知识精讲班直播课

崔老师180小时试听目录

2020年湖南中烟公司招聘考试技术工人二岗直播课

刘老师140小时试听目录

2020年湖南中烟公司招聘考试生成车间工人考试直播课

王老师125小时试听目录

2020年湖南中烟公司招聘考试技术工人一岗直播课

李老师140小时试听目录

2020年湖南中烟公司招聘直播课程(协议班)

崔莹莹168h试听目录

2020湖南农村信用社招聘笔试培训(协议保过班)

谢楠200h试听目录

2020军队文职招聘考试面试培训(协议保过班)

刘萍萍124h试听目录

2021国家电网招聘考试录播视频课程

  • 讲师:崔莹莹 / 刘萍萍
  • 课时:180h
  • 价格 3580

特色解密新课程高频考点,免费学习,助力一次通关

配套全套国网视频课程免费学习

课程专业名称
讲师
课时
查看课程

2021级国家电网招聘考试管理类专业知识精讲班录播课

王老师150小时试听目录

2021级国家电网招聘考试其它工学类专业题海练习班录播课

谷老师148小时试听目录

2021级国家电网招聘考试其它工学类专业知识精讲班录播课

夏老师150小时试听目录

2021级国家电网招聘考试其它专业题海练习班录播课

刘老师125小时试听目录

2021级国家招聘考试其它专业题海练习班录播课

李老师140小时试听目录

2021级国家电网招聘考试其它专业知识精讲班录播课

贾老师120小时试听目录

2021级国家电网招聘考试金融专业知识精讲班录播课

王老师140小时试听目录

2021级国家电网招聘考试通信专业知识精讲班录播课

黄老师188小时试听目录

2021级国家电网招聘考试计算机专业知识精讲班录播课

谷老师120小时试听目录

2021级国家电网招聘考试财会专业考前押题班录播课

夏老师15小时试听目录

2021级国家电网招聘考试财会专业题海练习班录播课

杨老师180小时试听目录

2021级国家电网招聘考试财会专业知识精讲班录播课

蒋老师156小时试听目录

2021级国家电网招聘考试研究生电气考前押题班录播课

谷老师12小时试听目录

2021级国家电网招聘考试研究生电气专业题海练习班录播课

李老师170小时试听目录

2021级国家电网招聘考试研究生电气专业知识精讲班录播课

崔老师150试听目录

2021级国家电网招聘考试本科电气专业考前押题班录播课

王老师120小时试听目录

2021级国家电网招聘考试本科电气题海练习班录播课

王老师158小时试听目录

2021级国家电网招聘考试本科电气专业知识精讲班录播课

谷老师170小时试听目录

2021级国家电网招聘考试专科电气专业考前押题班录播课

蒋老师12小时试听目录

2021级国家电网招聘考试专科电气专业题海练习班录播课

崔老师150小时试听目录

2021级国家电网招聘考试专科电气专业知识精讲班录播课

王老师180小时试听目录

在线题库
在线报名
  • 报考专业:
    *(必填)
  • 姓名:
    *(必填)
  • 手机号码:
    *(必填)
返回顶部