HTML 内容串联

HTML     超文本标记语言  (Hyper Text Markup lauguage)

一、常规标记

(一)格式控制标签(word 栏)

<font face="" size="" color=""></font>(字体,大小,颜色)

<b></b>(加粗)

<i></i> (倾斜)

<u></u>(下划线)

<center></center>(居中)

<br/>或者<br>(换行)

<hr/> (分割线)

......

(二)内容容器标签(新闻页面)

<h1></h1>......<h6></h6>(标题)

<div>内容</div>(层)

<span></span>(前后不换行)

<ul><li></li></ul>

<ol></ol>

<p></p>(段与段之间空行)

二、两个最常用的标记

1.超链接

<a></a>

超链接:<a href="" targe="_blank/_self">显示内容</a>

书签:<a name="">内容</a>

./    当前目录

../   上级目录

../../  上级的上级

2.图片

<img src="" width="" height="" alt="文字"/>(alt 是在图片不显示的时候 才出现)

3.图片超链接

<a href=""><img src=""/></a>

<a><img border="0"/><a>(去掉超链接下面的蓝色线)

三、表格(主要是用来布局的)

<table><tr><td></td></tr></table>

(对应电子表格)

(一)<table>属性

必须的四个属性:width,border(颜色,像素,线条形状),cellpadding(内容跟单元格边框的距离),cellspacing(单元格之间的距离)

通用的四个属性:bgcolor(背景颜色),background(背景图片),align(水平对齐),valign(垂直对齐)

注意:常用网页的宽度 width:960px,980px.

(二)<tr>属性

通用的四个属性

没有宽度了,可以设height:

(三)<td>属性

通用的四个属性

width,height:

合并的两个属性:

colspan="n"(合并同一行单元格)

rowspan="n"(合并同一列单元格)

小技巧:如何做出单线的表格?

把<table>设置背景颜色,再把<table>单元格间距拉开1px的距离,为每个tr设上背景颜色,就会把背景颜色露出来。

1.设置table标记的背景色

2.把table的border=0,把cellspacing=1px

3.把每个tr的背景色设置上。

技巧:复杂页面的布局

思路:多表格的嵌套,尽量少用单元格的合并。

固定一个维度:例  8行1列或者8列1行,再在里面布局。

四、表单

<form method="" action="" id="" name=""></form>

id---不能重,主要是给CSS,JS 等客户端代码调用准备的,

name---可以重复,主要是给 asp.net,asp,php,jsp等服务端技术调用的。

1.按钮类(input)

type:button,submit,reset,image

<input type="button" value="这是一个普通按钮" id="" name=""/>

<input type="submit" value="这是一个提交按钮" id="" name=""/>

<input type="reset" value="这是一个重置按钮" id="" name=""/>

<input type="image" src="图片地址" id="" name=""/>

2.文本类

<input type="text" value="这是单行文本里的内容" id="" name=""/>

<textarea rows="行数" cols="列数" id="" name="">这是多行文本框里面的内容</textarea>

<input type="password" vaule="默认的密码值" id="" name=""/>

<input type="hidden" value="" id="" name=""/>

3.选择类

<input type="radio" id="" name="组名" checked="checked" value=""/>单选按钮组

<input type="checkbox" name="组名" id="" checked="checked" value=""/>复选框组

<select>

<option value="每一面对应的值">每一项显示的内容</option>

<option value="" selected="selected">内容<option>              ----selected,设为默认选项

</select>

<input type="file" id="" name="" /> 上传文件

五、框架

frameset 和 iframe 不用了解。

时间: 2024-08-07 14:36:25

HTML 内容串联的相关文章

JavaScript 内容串联 ---Document---四、五

Document (四)操作内容 1.表单元素(文本.按钮.选择) 取值:obj.value=""; 赋值:var s=obj.value; 例1: <body><form action="" method="get">    <input id="txt" name="txt" type="text" />    <input id="

JavaScript 内容串联

JavaScript ——脚本语言 宿主文件 NetScape JSscript 微软公司一.JavaScript基本语法.(一)数据类型与变量类型.数据类型:整数,小数,布尔型,字符串,日期时间,数组......... var a=5;a=a+5;       10 var b="5";b=b+5;    55强制转换:parseInt() ----强制转化成整数 parseFloat()-----强制转化成小数 例: <script language="javasc

JavaScript 内容串联 ---Document

Document 对象 一.找到对象document.getElementById("id");//根据id找,最多找出一个,因为ID是唯一的:document.getELementsByName("name");//根据name找,找出来的是数组:document.getElementsByTagName("div");//根据标签名找,找出来的是数组: 例: var a=document.getElementsByTagName("

CSS 内容串联

CSS  ----层叠样式表   Cascading    Style    Sheet 一.CSS的分类 1.外部样式表---.css文件 2.内嵌样式表---放在<head><style type="text/css"> </style></head> 3.内联样式表---放在标记style上的属性 二.选择器 (一)基本选择器 1.id 选择器:# 2.class 选择器:. 3.标签选择器:标签名,例  body{} (二)组合选

xkungfoo 2015 参会笔记

有点像第二位演讲者玩命说的,"我给技术人员丢脸了",不同之处在于他演讲是去打广告的,而我挂着技术人员的称号,实际上却不太懂技术. 因此,往下看之前请慎重考虑是否要继续点鼠标或下拉条. 0x1 内容 跨进程域利用内核漏洞提升Android权限 打造移动金融核心程序安全流水线 关于Office Word程序的漏洞发掘 基于Binder调用攻击Android系统服务提权 社会工程学攻击的实例化 .... 0x2 跨进程利益内核漏洞提升Android权限 演讲者是申迪 @retme,之前曾搞过

Android中的权限管理(基于uid gid gids setUid)

我们首先来说一下传统的Linux基于uid,gid的权限管理机制: 1.用户的uid gid gids: Ubuntu操作系统当前登陆的用户是jltxgcy,那么该用户的uid为jltxgcy,gid也是jltxgcy,那么gids怎么查看呢? 答案是使用命令:cat /etc/group | grep jltxgcy.如下图: 用户的gids的名字为adm,dialout,cdrom,plugdev,lpadmin,admin,sambashare.此本分请参考linux用户组./etc/gr

记滚播编单系统的诞生

背景:我从09年4月28日至今一直就职于一家传媒公司,主要负责媒资系统的开发和维护.说到媒资系统(说来可笑这个系统在公司内慢慢的被叫成了oa ),这个系统主要负责节目的生产.存储.发布. 节目即视频+图片+相应文字成为节目. 发布是指把视频进行转码(mpg -->3gp or  mpg-->mp4) ,按移动.联通.电信要求进行视频转码分发,经过这几年和运营商打交道也摸清了他们的套路(也就那么回事 ). 随着业务的增长和发展,公司不能把自己绑在"一棵树上",要有自己的造血功

sql里将重复行数据合并为一行,数据用逗号分隔

DECLARE @T1 table ( UserID int , UserName nvarchar(50), CityName nvarchar(50) ); insert into @T1 (UserID,UserName,CityName) values (1,'a','上海') insert into @T1 (UserID,UserName,CityName) values (2,'b','北京') insert into @T1 (UserID,UserName,CityName)

SQLServer : EXEC和sp_executesql的区别

MSSQL为我们提供了两种动态执行SQL语句的命令,分别是EXEC和sp_executesql.通常,sp_executesql则更具有优势,它提供了输入输出接口,而EXEC没有.还有一个最大的好处就是利用sp_executesql,能够重用执行计划,这就大大提供了执行性能(对于这个我在后面的例子中会详加说明),还可以编写更安全的代码.EXEC在某些情况下会更灵活.除非您有令人信服的理由使用EXEC,否则尽量使用 sp_executesql. EXEC的使用 EXEC命令有两种用法,一种是执行一