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数 ...
随机推荐
- 《Django By Example》第三章 中文 翻译 （个人学习，渣翻）
书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:第三章滚烫出炉,大家请不要吐槽文中 ...
- jquery.Callbacks的实现
前言 本人是一个热爱前端的菜鸟,一直喜欢学习js原生,对于jq这种js库,比较喜欢理解他的实现,虽然自己能力有限,水平很低,但是勉勉强强也算是能够懂一点吧,对于jq源码解读系列,博客园里有很多,推荐大 ...
- javascript工厂模式和构造函数模式创建对象
一.工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程(本书后面还将讨论其他设计模式及其在JavaScript 中的实现).考虑到在ECMAScript 中无法创 ...
- js callee,caller学习
原文地址:js callee,caller学习 /* * caller 返回一个对函数的引用,该函数调用了当前函数. * 如果函数是由顶层调用的,那么 caller包含的就是 null . * 如果在 ...
- [数据结构]——堆（Heap）、堆排序和TopK
堆(heap),是一种特殊的数据结构.之所以特殊,因为堆的形象化是一个棵完全二叉树,并且满足任意节点始终不大于(或者不小于)左右子节点(有别于二叉搜索树Binary Search Tree).其中,前 ...
- RSA算法
RSA.h #ifndef _RSA_H #define _RSA_H #include<stdio.h> #include<iostream> #include<mat ...
- 使用git进行源代码管理
git是一款非常流行的分布式版本控制系统,使用Local Repository追踪代码的修改,通过Push和Pull操作,将代码changes提交到Remote Repository,或从Remote ...
- Prometheus 系统监控方案 一
最近一直在折腾时序类型的数据库,经过一段时间项目应用,觉得十分不错.而Prometheus又是刚刚推出不久的开源方案,中文资料较少,所以打算写一系列应用的实践过程分享一下. Prometheus 是什 ...
- 【python之路5】学习小结
一.编程语言 java C语言 C++ C# Python 二.python语言的种类 Cpython:python的官方版本,使用最为广泛,实现将python(py文件)转换为字节码文件(pyc文件 ...
- Nova PhoneGap框架 第十章 开发环境
10.1 Visual Studio + ReSharper PhoneGap程序由HTML.CSS和JS编写而成,这3种语言的编写你都可以用记事本来完成,但显然效率比较低,出错的概率也比较大.一个强 ...