HTML常见字符参考

<BR>--换行

 

<Hi></Hi>--文档中的标题

 

<P></P>--创建一个段落

 

<PRE></PRE>--固定格式文本块

 

<B></B>--粗体

 

<I></I>--斜体

 

<U></U>--下划线

 

<FONT></FONT>--设置字体及大小

 

<DIV></DIV>--文本块容器

 

<HR>--水平分隔线

 

 

 

<IMG>--链接一个图像文件

常用属性:

SRC="被链接文件的URL"

WIDTH="图像的宽度"

HEIGHT=“图像的高度"

BORDER=“图像的边框"

ALT=“图像说明文字"

ALGN="与图像相邻的文字相对位置"

VSPACE="垂直方向与图像相邻的对象之间距离"

VHPACE="水平方向与图像相邻的对象之间距离"

BORDER="图像过框的宽度"

 

 

<ol></ol>创建一个标有数字的列表

<ul></ul>创建一个标有圆点的列表

<li>放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点

 

 

------------表格标签--------------

<TABLE>

border–边框宽度

width–表格的宽度

height–表格的高度

align–表格与其相邻的文字的相对位置

cellpadding–单元格内的边距

cellspacing–单元格间的空白

 

-------------行列标签-------------

<TR>定义行

<TH>定义表头

<TD>定义列

colspan–单元格所跨的列数

rowspan–单元格所跨的行数

nowrap–是否自动进行文字环绕

 

--------------共有的常用属性----------

bgcolor–背景颜色

align–水平对齐方式(leftrightcenter

valign–垂直对齐方式(topmiddlebottom

bordercolor–边框颜色

widthheight–宽度、高度

 

 

--------------超链接------------------

HTML是通过链接标签来实现超链接的。链按标签<A>是成对标签,首标签<A>和尾标签</A>之间的内容就是锚标。<A>标签有一个不可缺省的属性href,用于指定链接目标点的位置。

文档之间的跳转、

跳转到标记位置、

链接地图。

外部链接

 

--------------跳转到标记位置-------------

<html>

<head>

<title>超链接的源文档</title>

</head>

<body>

<P><HR>

欢迎来到INDEX主页,请选择您想浏览的部分<BR>

<p><A href="internet.html#ftp">文件传输</A><BR>

<P><A href="internet.html#telnettelnet">远程登录</A><BR>

<P><A href="internet.htmlemail">电子邮件</A><BR>

<P><A href="internet.html#bbs">电子公告权系统</A><BR>

</body>

</html>

 

-----------------------------------------

<html>

<head>

<title>超链接的源文档</title>

</head>

<body>

<P><HR>

欢迎来到INDEX主页,请选择您想浏览的部分<BR>

<p><A href="ftp://192.168.10.10">文件传输</A><BR>

<P><A href="telnet:192.168.3.105 :80">远程登录</A><BR>

<P><A href="mailto:shn@163.com">电子邮件</A><BR>

<P><A href="#bbs:">电子公告权系统</A><BR>

</body>

</html>

 

 

-----------------框架--------------------

<FRAMESET>--框架集标记,用来组织多个分框或嵌套的框架集

常用属性

rows—横向分割,以及各个分框的高度

cols—纵向分割以及各个分框的宽度

border--边框的宽度

bordercolor–边框的颜色

注意—此标记不可与<BODY>标记共存

 

 

------------------<input >表单输入标记-----------

type=button–普通按钮控件

type=reset–重置按钮控件

type=submit–提交按钮控件

type=image–图像按钮控件

type=checkbox–复选框控件

type=radio–单选框控件

type=text–文本输入控件

type=password–密码输入控件

type=file–文件上载控件

type=hidden–隐藏字段

 

 

 

---------------------样式表-------------------

<HEAD>

<TITLE>My First Stylesheet</TITLE>

<STYLE TYPE="text/css">

<!--/*注释代码:样式表定义*/

H1 { color: green; font-size: 57px; font-family: impact }

P { text-indent: 1cm; background: yellow; font-family: courier }

-->

</STYLE>

</HEAD>

<BODY>

<H1>Stylesheets: The Tool of the Web Design Gods</H1>

<P>Amaze your friends! Squash your enemies!</P>

</BODY>

 

 

---------------------CSS内联定义-----------------

内联定义即是通过标记的style属性定义适用该标记的样式表属性。

<div style=background-color: red;>

这一行的背景颜色被设置红色

</div> 

 

 

---------------------css在页面内定义内部样式块对象-------

<HEAD>

<style type=text/css>body {font: 9pt “宋体"}

table {

font: 9pt “宋体“

border-collapse:collapse;

}

</style>

</HEAD>  

 

-------------------css链入外部样式表文件----------------

建立单独的CSS文件(扩展名为.CSS

在要加入CSS控制的页面<HEAD>标记内通过<LINK>标记链接该CSS文件

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

 

-------------------标记类型选择符-------------

语法:body{ font:9pt 宋体}

      div{line-height:40px } 

 

 

-------------------

 

 

 

转载于:https://www.cnblogs.com/zhuzhiq/articles/2875774.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值