三沣开发知识 购物推荐 网址导航 小说 美图 游戏 电影 图库 生肖星座 新闻 笑话 | IT开发 软件 手机 三沣软件 360图书馆 学霸网 装修
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题
autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程 CSS/HTML/Xhtml
html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
站长资讯 .NET新手 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA VisualStudio ASP.NET-MVC .NET控件开发 EntityFramework WinRT-Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动 Html-Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP OracleERP DynamicsCRM K2 BPM 信息安全 企业信息 Android开发 iOS开发 WindowsPhone WindowsMobile 其他手机 敏捷开发 项目管理 软件工程 SQLServer Oracle MySQL NoSQL 其它数据库 Windows7 WindowsServer Linux
  IT知识库 -> CSS/HTML/Xhtml -> HTML自学之旅(一)基本元素与属性练习(自写代码) -> 正文阅读

[CSS/HTML/Xhtml]HTML自学之旅(一)基本元素与属性练习(自写代码)

HTML自学之旅(一)基本元素与属性练习(自写代码) 我是按照W3school上面的教程学习的,个人觉得教程很不错,每节都有小练习,加油!都是自己敲的代码,有的书上反对自己写代码,但是我觉得因为没有基础,自己写还是有好处的,需要了解的朋友可以参考下
我是按照W3school上面的教程学习的,个人觉得教程很不错,每节都有小练习,加油!
都是自己敲的代码,有的书上反对自己写代码,但是我觉得因为没有基础,自己写写还是有好处的,嘿嘿,个人意见不同吧。。
练习1:
复制代码
代码如下:
<html>
<body bgcolor="yellow">
<h1 align="center">This is heading 1</h1>
<h2 align = "left">This is heading 1</h2>
<h3 align = "right">This is heading 1</h3>
<h4>This is heading 1</h4>
<h5>This is heading 1</h5>
<h6>This is heading 1</h6>
<!--<h7>This is heading 1</h7>-->
<!--再来个注释,试一下效果 -->
<p>This is the first paragraph
</p>
<hr />这是链接区域
<a href="http://www.baidu.com">This is baidu link</a>
<br/>
<a href="http://www.w3school.com.cn">This is w3school link</a>
<hr />这是图片区域
<img src = "http://img.t.ifeng.com/201010/22/12/96x96_1758293e995c.jpg" />
<hr />这是表格区域
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<hr />换行功能
<p>这句话
在这里换行
</p>
<p>
这个段落 有很多
空行
或者空格
但是浏览器自动 忽略
了它们
</p>
<pre>
这是预格式文本
可以显示空行
和空格
还有代码
</pre>
<pre>
while(true)
{
sum=a+b;
return sum;
cout<<sum;
}
</pre>
</body>
</html>
练习2:
复制代码
代码如下:
<html>
<body>
<b>This text is bold</b>
<strong>This text is strong</strong>
<big>This text is big</big>
<small>This text is small</small>
<em>This text is emphasized</em>
<i>This text is italic</i>
This text contains<sub>下标</sub>
This text contains<sup>上标</sup>
<hr />
<pre>
这是预格式文本
哈哈
可以输出空格
空行吧
</pre>
<code>
while(true)
{
computer code;
}
</code>
<kbd>keyboard input</kbd>
<samp>Sample text</samp>
<var>Computer variable</var>
<hr />
地址练习:
<address>
天津市SHUDIP
FERT R
ABC(收)
邮编:123456
</address>
<hr />缩写练习
<abbr title = "etcetera">etc.</abbr>
<acronym title = "World Wide Web">www.</acronym>
<hr />文字方向练习//这里不支持那个功能吧,本应该是从右向左输出文字
<bdo dir="rt1">Here is some text</bdo>
<hr />块的引用练习
这是长引用
<blockquote>这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用。这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用</blockquote>
这是短引用
<q>短引用哇,短引用</q>
<hr />删除或添加文字效果练习
<p>一打有<del>二十</del><ins>十二</ins>个哦</p>
</body>
</html>
肯定是超级简单啦,嘿嘿,坚持!
上一篇文章      下一篇文章      查看所有文章
2015-01-19 12:31:50  
CSS/HTML/Xhtml 最新文章
基于HTML实现多图上传预览功能
概述页面中浮动与清除浮动
div宽度设置width:100%后再设置padding或ma
浅谈语义化的HTML结构到底有什么好处
CSS3文本阴影text-shadow属性详解
html页面公共样式(推荐)
标记语言——打印样式
防止用户将表单重复提交的方法汇总
html中隐藏域hidden的作用介绍及使用示例
HTML中select下拉框内容显示不全部分被覆盖
技术频道: 站长资讯 .NET新手区 ASP.NET C# WinForm Silverlight WCF CLR WPF XNA Visual Studio ASP.NET MVC .NET控件开发 Entity Framework WinRT/Metro Java C++ PHP Delphi Python Ruby C语言 Erlang Go Swift Scala R语言 Verilog 其它语言 架构设计 面向对象 设计模式 领域驱动设计 Html/Css JavaScript jQuery HTML5 SharePoint GIS技术 SAP Oracle ERP Dynamics CRM K2 BPM 信息安全 企业信息化其他 Android开发 iOS开发 Windows Phone Windows Mobile 其他手机开发 敏捷开发 项目与团队管理 软件工程其他 SQL Server Oracle MySQL NoSQL 其它数据库 Windows 7 Windows Server Linux
脚本语言: vbs/VBScript DOS/BAT hta htc python perl 游戏相关 VBA 远程脚本 ColdFusion ruby专题 autoit seraphzone PowerShell linux shell Lua Golang Erlang 其它教程
网站开发: CSS/HTML/Xhtml html5 CSS XML/XSLT Dreamweaver教程 经验交流 开发者乐园 Android开发资料
360图书馆 论文大全 母婴/育儿 软件开发资料 网页快照 文字转语音 购物精选 软件 美食菜谱 新闻中心 电影下载 小游戏 Chinese Culture
生肖星座解梦 三沣玩客 拍拍 视频 开发 Android开发 站长 古典小说 网文精选 搜图网 天下美图 中国文化英文 多播视频 装修知识库
2017-1-17 10:45:28
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT知识库