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

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

May 16, 2016 pm 04:40 PM
元素 属性 练习

我是按照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

块的引用练习

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

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

删除或添加文字效果练习

一打有二十十二个哦





肯定是超级简单啦,嘿嘿,坚持!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

金山打字通怎么练打字-金山打字通练习打字方法 金山打字通怎么练打字-金山打字通练习打字方法 Mar 18, 2024 pm 04:25 PM

现在很多朋友喜欢用金山打字通这款软件,那么打字速度快慢严重影响工作效率,所以教大家练习打字速度,那么如何使用金山打字通练打字呢?今天小编就将金山打字通练习打数字教程如下讲述,希望对大家有所帮助。首先,打开金山打字软件然后,鼠标点击(新手入门)按钮接着,在新窗口中点击(数字键位)按钮随后,点击下方的(从头开始)按钮即可练习也可以点击(测试模式)按钮最后,输入数字进行练习就可以了此外金山打字通还有其他功能,能帮助大家更好的练习打字。1.选择练习模式:在软件界面上,您可以看到有不同的练习模式,例如“新

Python的dir()函数:查看对象的属性和方法 Python的dir()函数:查看对象的属性和方法 Nov 18, 2023 pm 01:45 PM

Python的dir()函数:查看对象的属性和方法,需要具体代码示例摘要:Python是一种强大而灵活的编程语言,其内置函数和工具为开发人员提供了许多方便的功能。其中一个非常有用的函数是dir()函数,它允许我们查看一个对象的属性和方法。本文将介绍dir()函数的用法,并通过具体的代码示例来演示其功能和用途。正文:Python的dir()函数是一个内置函数,

五笔打字初学者怎么练-五笔输入法打字练习 五笔打字初学者怎么练-五笔输入法打字练习 Mar 18, 2024 pm 06:30 PM

五笔打字,也称为五笔字型输入法,是一种高效的汉字输入方法。对于初学者来说,掌握五笔打字需要一定的时间和耐心,下面小编整理了五笔打字初学者的学习方法,一起来看看吧!一、理解五笔字型的原理五笔字型是一种基于笔画和字根的输入法。每个汉字都可以由不同的笔画和字根组合而成。因此,学习五笔字型的关键是理解笔画和字根的组合规律。在五笔字型中,有五个基本笔画:横、竖、撇、捺、折。这些基本笔画可以组合成不同的字根,而字根又可以组合成完整的汉字。二、学习字根和键位在五笔字型中,每个字母键都对应着一个或多个字根。因此

CSS中bottom属性语法 CSS中bottom属性语法 Feb 21, 2024 pm 03:30 PM

CSS中bottom属性语法及代码示例在CSS中,bottom属性用于指定一个元素与容器底部之间的距离。它可以控制一个元素相对于其父元素底部的位置。bottom属性的语法如下:element{bottom:value;}其中,element表示要应用该样式的元素,value表示要设置的bottom值。value可以是一个具体的长度值,比如像素

CSS变形:如何实现元素的旋转效果 CSS变形:如何实现元素的旋转效果 Nov 21, 2023 pm 06:36 PM

CSS变形:如何实现元素的旋转效果,需要具体代码示例在网页设计中,动画效果是提高用户体验和吸引用户注意力的重要方式之一,而旋转动画是其中比较经典的一种。在CSS中,使用“transform”属性可以实现元素的各种变形效果,包括旋转。本文将详细介绍如何利用CSS的“transform”实现元素的旋转效果,并提供具体的代码示例。一、如何使用CSS的“transf

CSS过渡效果:如何实现元素的滑动效果 CSS过渡效果:如何实现元素的滑动效果 Nov 21, 2023 pm 01:16 PM

CSS过渡效果:如何实现元素的滑动效果引言:在网页设计中,元素的动态效果能够提升用户体验,其中滑动效果是一个常见而又受欢迎的过渡效果。通过CSS的过渡属性,我们可以轻松实现元素的滑动动画效果。本文将介绍如何使用CSS过渡属性来实现元素的滑动效果,并提供具体的代码示例,以帮助读者更好地理解和应用。一、CSS过渡属性transition的简介CSS过渡属性tra

炉石传说绝望线缕属性介绍 炉石传说绝望线缕属性介绍 Mar 20, 2024 pm 10:36 PM

绝望线缕是暴雪娱乐旗下佳作《炉石传说》中的一张稀有卡牌,在“威兹班的工坊”卡包中有机会获得。可消耗100/400点奥术之尘合成普通/金色版本。炉石传说绝望线缕属性介绍答:在威兹班的工坊卡包中有几率获得,也也可以通过奥术之尘合成。稀有度:稀有类型:法术职业:死亡骑士法力值:1效果:使所有随从获得亡语:对所有随从造成1点伤害

如何判断jQuery元素是否具有特定属性? 如何判断jQuery元素是否具有特定属性? Feb 29, 2024 am 09:03 AM

如何判断jQuery元素是否具有特定属性?在使用jQuery操作DOM元素时,经常会遇到需要判断元素是否具有某个特定属性的情况。这种情况下,我们可以借助jQuery提供的方法来轻松实现这一功能。下面将介绍两种常用的方法来判断一个jQuery元素是否具有特定属性,并附上具体的代码示例。方法一:使用attr()方法和typeof操作符//判断元素是否具有特定属

See all articles