首页 > web前端 > html教程 > HTML自学之旅(一)基本元素与属性练习(自写代码)_HTML/Xhtml_网页制作

HTML自学之旅(一)基本元素与属性练习(自写代码)_HTML/Xhtml_网页制作

WBOY
发布: 2016-05-16 16:40:43
原创
1559 人浏览过

我是按照W3school上面的教程学习的,个人觉得教程很不错,每节都有小练习,加油!
都是自己敲的代码,有的书上反对自己写代码,但是我觉得因为没有基础,自己写写还是有好处的,嘿嘿,个人意见不同吧。。
练习1

复制代码
代码如下:



This is heading 1


This is heading 1


This is heading 1


This is heading 1


This is heading 1

This is heading 1



This is the first paragraph



这是链接区域

This is baidu link


This is w3school link

这是图片区域



这是表格区域









Month Savings
January $100


换行功能

这句话
在这里换行



这个段落 有很多
空行
或者空格
但是浏览器自动 忽略
了它们


 <br>这是预格式文本 <br>可以显示空行 <br>和空格 <br>还有代码 <br>

 <br>while(true) <br>{ <br>sum=a b; <br>return sum; <br>cout<<sum; <br>} <br>




练习2

复制代码
代码如下:



This text is bold

This text is strong

This text is big

This text is small

This text is emphasized

This text is italic

This text contains下标

This text contains上标


 <br>这是预格式文本 <br>哈哈 <br>可以输出空格 <br>空行吧 <br>

<br>while(true) <br>{ <br>computer code; <br>} <br>
keyboard input

Sample text

Computer variable


地址练习:

天津市SHUDIP

FERT R

ABC(收)

邮编:123456


缩写练习

etc.

www.

文字方向练习//这里不支持那个功能吧,本应该是从右向左输出文字

Here is some text

块的引用练习

这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用。这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用

这是短引用
短引用哇,短引用

删除或添加文字效果练习

一打有二十十二个哦





肯定是超级简单啦,嘿嘿,坚持!
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板