欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-11 16:37:42
...
我是按照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

这是图片区域

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

这是表格区域









Month Savings
January $100


换行功能

这句话
在这里换行



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


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

 
while(true)
{
sum=a+b;
return sum;
cout}




练习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上标


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


while(true)
{
computer code;
}

keyboard input

Sample text

Computer variable


地址练习:

天津市SHUDIP

FERT R

ABC(收)

邮编:123456


缩写练习

etc.

www.

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

Here is some text

块的引用练习

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

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

删除或添加文字效果练习

一打有二十个哦





肯定是超级简单啦,嘿嘿,坚持!