所在的位置: html >> html前景 >> 简单的HTML创作

简单的HTML创作

中科与白癜风患者心心相印 http://nb.ifeng.com/a/20190916/7735980_0.shtml
简单的网页设计(HTML)

效果如图

代码:

!DOCTYPEhtml

html

headmetacharset="utf-8"

title给新月的一封回信/title

/head

body

div*//这里align属性是让文字居中显示,也可以不加,文字会顶格显示。*

h3给新月的一封回信/h3

p今天回来的时候,坐在车上,想起来,初中时候和同学的话:/p

p以后不开车,要请一个司机来。/p

p因为我晕车,但是现在我心中一想,以后我肯定开车接你/p

p还要带你去很多地方/p

p我突然恍悟/p

p原来爱一个人,真的就可以为她破例任何事情。/p

p而且只有你能让我情愿做这些事/pp/pp也只可以为你破例/p

p甚至可以很多次的破例/p

h3所以这封回信/h3

p我就是想和你说/p

p我会为你破例任何以前我不接受的事/p

/div

/body

/html

1.模块包裹标签:div

在body主体中打出div后按tab快捷键即可,我们的其他标签至少现在都写在div标签内部。

2.标题标签:h1~h6

标题标签有六级,从h1到h6依次字体变小,同样可以打出和后按tab键即可

##3.段落标签:p

我们一般不会用br强制换行,而是用段标签来换行。

4.插入图片方法

首先将图片直接拖入HbuilderX左侧img文件中,然后使用imgsrc,alt,title标签语句直接使用即可:

在src引号中加img/后输入需要使用的图片的名字即可。alt属性是网页每周有找到图片时显示的文字,如图:title属性中是鼠标放在图片上,将会显示的文字。

5.跳转链接标签:a

ahref="home.html"???/a

键盘输入a然后按tab键即可补全代码。在href属性中输入需要跳转的链接,可以是网址(需要输入网址),也可以是另一个一个html文件(需要输入文件名),???代表跳转按钮的名字。上面跳转的是html文件,下面跳转百度一下:

ahref="


转载请注明:http://www.aierlanlan.com/cyrz/897.html