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数 ...
随机推荐
- .NET Core中的认证管理解析
.NET Core中的认证管理解析 0x00 问题来源 在新建.NET Core的Web项目时选择“使用个人用户账户”就可以创建一个带有用户和权限管理的项目,已经准备好了用户注册.登录等很多页面,也可 ...
- jquery.uploadify文件上传组件
1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好, ...
- 我的MYSQL学习心得（一） 简单语法
我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...
- 基于DDD的现代ASP.NET开发框架--ABP系列文章总目录
ABP相关岗位招聘:给热爱.NET新技术和ABP框架的朋友带来一个高薪的工作机会 ABP交流会录像视频:ABP架构设计交流群-7月18日上海线下交流会的内容分享(有高清录像视频的链接) 代码自动生成: ...
- JavaScript的继承实现方式
1.使用call或apply方法,将父对象的构造函数绑定在子对象上 function A(){ this.name = 'json'; } function B(){ A.call(this); } ...
- 两个 viewports 的故事-第二部分
原文链接:A tale of two viewports — part two 译者:nzbin 在这个迷你系列中,我将解释 viewports 和各种重要元素的宽度是如何工作的,比如说 <ht ...
- JavaScript之职责链模式
一.概述 职责链模式(Chain of responsibility),就是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系.将这个对象连成一条链,并沿着这条链传递该请求,直到有 ...
- 走进缓存的世界（三） - Memcache
系列文章 走进缓存的世界(一) - 开篇 走进缓存的世界(二) - 缓存设计 走进缓存的世界(三) - Memcache 简介 Memcache是一个高性能的分布式内存对象缓存系统,用于动态Web应用 ...
- Autofac - 方法注入
方法注入, 其实就是在注册类的时候, 把这个方法也注册进去. 那么在生成实例的时候, 会自动调用这个方法. 其实现的方法, 有两种. 准备工作: public interface IAnimal { ...
- python 数据类型---文件二
1.打印进度条 import sys,time for i in range(20): sys.stdout.write("#") sys.stdout.flush() #不等缓冲 ...