HTML简单入门内容
常用属性:
Width=宽度
Height=高度
Size=大小
Color=颜色
Align=布局方向,值包括(top,bottom,left,right,center)上，下，左，右，中。
Border=边框大小
Title=提示文字
Href=连接路径
Src=资源路径
Bgcolor=背景颜色
常用标签:
1. <br> 换行标签
2. <p> 段落标签
3. <b>粗体显示</b>
4. <i>斜体显示</i>
5. <u>删除线</u>
6. 超连接标签,href=连接地址,Target=是否新建页面打开,title=提示文字
例:<a href="http://www.baidu.com" Target="_blank" title="连接百度">百度</a>
7. 滚动标签,scrollamount=滚动速度,align=滚动方向,值包括(top,bottom,left,right,)上下左右
例:<marquee scrollamount="20" align="left">公告通知:开始正式运营</marquee>
8. 水平线标签,size=线条粗细,color=线条颜色,width=100%:表示浏览器满屏显
示,100px:表示浏览器100个像素显示
例:<hr size="1" color="red" width="100%"/>
<!-- 提示:以下重复的属性不在一一做解释,属性说明见文档顶部 -->
9. body标签有且只能有一对,此标签属性一改,整个页面都会改变.bgcolor=背景颜
色,background=背景图片
例:<body bgcolor="#990000" background="123.jpg">
10. 表格标签,以下表格为三行三列,table表格标签,tr行标签,td列标签,这些标签都是成对出现的,有开始就必须有结束.border=表格边框大小,cellspacing=表格间距大小,cellpadding=表格填充大小
例:<table width="300" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
11. 表格跨行跨列,此例依旧是三行三列：
第一行的第1列跟第2列合并,colspan=2为跨2列;
第二行第3列跟第三行第3列合并,rowspan=2为向下跨2行;
例:<table width="300" border="1" cellspacing="0" cellpadding="1">
<tr>
<!--这里的colspan就是向右跨列-->
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<!--这里的rowspan就是向下跨行-->
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
12. 字体标签，size=字体大小，color=字体颜色
例：<font size="+2" color="#990000">红色5号字体</font>
13. CSS样式，以下代码就是一个定义样式的模版，<style type="text/css">但凡定义的样式都要写在这对标签里面才会生效，而style标签必须在<head>标签里面写。这里定义的Td样式前面是没有加点的，这表示网页内所有td标签都会用此样式， 而且不需要经过class调用.这里自定义了Cs1，注意前面是加点的，那么说明这个样式必须用class调用
例：<style type="text/css">
<!--border为边框样式，自带三个属性，颜色、线性、粗细大小--> Td{ border:#0000FF solid 1px;}
<!--这个样式是针对字体的，跟前面font差不多-->
.Cs1{ font-size:14px; font-family:"宋体"; color:#FF0000} </srtpe>
<!--这里我们对字体调用了Cs1样式-->
<span class="Cs1">学习编程，美好未来</span>
<!--这是一行一列的表格，此处没有对class调用样式，但是效果却跟上面Td定义的一样，这说明Td样式前面没有加点，网页凡是<td>的标签将自动引用该样式--> <table> <tr>
<td>123456</td> </tr> </table>
14. 内嵌样式定义，简单的样式我们可以通过标签内style属性定义，效果跟13例子一样 例：<span style=" color:#990000; font-size=:18px">红色18号字体</span>
15. 图片，src=图片路径，width=图片宽度，height=图片高度，高宽不写为默认大小 <!--这里的src为本地电脑image文件下的text.jpg图片-->
例1：<img src="data:image/text.jpg" width="120" height="80" /> <!--这里的src为网络图片路径-->
例2：<img src="http://www.baidu.com/img/baidu_sylogo1.gif" />
HTML简单入门内容的更多相关文章
- 用IntelliJ IDEA创建Gradle项目简单入门
Gradle和Maven一样,是Java用得最多的构建工具之一,在Maven之前,解决jar包引用的问题真是令人抓狂,有了Maven后日子就好过起来了,而现在又有了Gradle,Maven有的功能它都 ...
- emacs最简单入门，只要10分钟
macs最简单入门,只要10分钟 windwiny @2013 无聊的时候又看到鼓吹emacs的文章,以前也有几次想尝试,结果都是玩不到10分钟就退出删除了. 这次硬着头皮,打开几篇文章都看完 ...
- 【java开发系列】—— spring简单入门示例
1 JDK安装 2 Struts2简单入门示例 前言 作为入门级的记录帖,没有过多的技术含量,简单的搭建配置框架而已.这次讲到spring,这个应该是SSH中的重量级框架,它主要包含两个内容:控制反转 ...
- Web---演示Servlet的相关类、表单多参数接收、文件上传简单入门
说明: Servlet的其他相关类: ServletConfig – 代表Servlet的初始化配置参数. ServletContext – 代表整个Web项目. ServletRequest – 代 ...
- HTML5简单入门系列（五）
前言 本篇将讲述HTML5的服务器发送事件(server-sent event) Server-Sent 事件 Server-Sent 事件是单向消息传递,指的是网页自动获取来自服务器的更新. 以前的 ...
- delphi指针简单入门
delphi指针简单入门: 看一个指针用法的例子: 1 var 2 X, Y: Integer; // ...
- 简单入门使用GitHub总结
简单入门使用GitHub总结 ps: 试着自己弄一下GitHub,发现问题多多,中间还差点把自己的资料给全部弄没了(直接摔啦~). 然后网上查找各种资料进行设置终于成功了. 以下是参考的资料链接: G ...
- SpringMVC简单入门
SpringMVC简单入门 与大家分享一下最近对SpringMVC的学习,希望本文章能对大家有所帮助. 首先什么是SpringMVC? Spring 为展现层提供的基于MVC设计理念的优秀的Web框架 ...
- MyBatis学习总结（一）简单入门案例
MyBatis学习总结(一)简单入门案例 主要内容:本文主要通过对数据库中的use表进行增删改查总结mybatis的环境搭建和基本入门使用 一.需要的jar包: 1.核心包 2.依赖包 3.jdbc数 ...
随机推荐
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- Angular企业级开发(5)-项目框架搭建
1.AngularJS Seed项目目录结构 AngularJS官方网站提供了一个angular-phonecat项目,另外一个就是Angular-Seed项目.所以大多数团队会基于Angular-S ...
- SQL Server相关书籍
SQL Server相关书籍 (排名不分先后) Microsoft SQL Server 企业级平台管理实践 SQL Server 2008数据库技术内幕 SQL Server性能调优实战 SQL S ...
- 【SQLServer】记一次数据迁移-标识重复的简单处理
汇总篇:http://www.cnblogs.com/dunitian/p/4822808.html#tsql 今天在数据迁移的时候因为手贱遇到一个坑爹问题,发来大家乐乐,也传授新手点经验 迁移惯用就 ...
- 7.让网站支持http和https的访问方式
平台之大势何人能挡? 带着你的Net飞奔吧!:http://www.cnblogs.com/dunitian/p/4822808.html#iis 怎么让网站在本地支持SSL?http://www.c ...
- Intel Media SDK H264 encoder GOP setting
1 I帧,P帧,B帧,IDR帧,NAL单元 I frame:帧内编码帧,又称intra picture,I 帧通常是每个 GOP(MPEG 所使用的一种视频压缩技术)的第一个帧,经过适度地压缩,做为随 ...
- 读书笔记汇总 - SQL必知必会（第4版）
本系列记录并分享学习SQL的过程,主要内容为SQL的基础概念及练习过程. 书目信息 中文名:<SQL必知必会(第4版)> 英文名:<Sams Teach Yourself SQL i ...
- Spring中Bean的实例化
Spring中Bean的实例化 在介绍Bean的三种实例化的方式之前,我们首先需要介绍一下什么是Bean,以及Bean的配置方式. 如果 ...
- ADO.NET编程之美----数据访问方式(面向连接与面向无连接)
最近,在学习ADO.NET时,其中提到了数据访问方式:面向连接与面向无连接.于是,百度了一下,发现并没有很好的资料,然而,在学校图书馆中发现一本好书(<ASP.NET MVC5 网站开发之美&g ...
- openresty 前端开发入门四之Redis篇
这章主要演示怎么通过lua连接redis,并根据用户输入的key从redis获取value,并返回给用户 操作redis主要用到了lua-resty-redis库,代码可以在github上找得到 而且 ...