全国服务热线:4008-888-888

技术知识

完成企业网站建设后_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="a
br/
a href="a
hr / 这是图片区域

img src = "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" /acronym
hr / 文字方向练习//这里不支持那个功能吧,本应该是从右向左输出文字

bdo dir="rt1" Here is some text /bdo
hr / 块的引用练习

这是长引用
blockquote 这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用。这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用
这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用 /blockquote
这是短引用
q 短引用哇,短引用 /q
hr / 删除或添加文字效果练习
p 一打有 del 二十 /del ins 十二 /ins 个哦 /p
/body
/html

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

这篇文章主要介绍了html父子页面iframe双向发消息的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了html-webpack-plugin使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了html直接引用vue和element-ui的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友

这篇文章主要介绍了前端html换肤功能的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了多个HTML页面共同调用一段html代码的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

这篇文章主要介绍了HTML中图片不存在显示默认图片的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

这篇文章主要介绍了HTML table行距的改变方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学

这篇文章主要介绍了HTML Table 空白单元格补全的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服