首先为大家讲解下
标签,正如之前所说他是整个html文档的主体部分,我们会在这里来编写各种标签 属性 | 描述 |
text | 设定网页默认文本颜色 |
bgcolor | 设定网页的背景颜色 |
background | 设定网页背景图片 |
link | 设定网页默认超链接颜色 |
alink | 设定激活的超链接颜色 |
vlink | 设定访问过的超链接颜色 |
bgproperties | 设定背景是否随文字滚动 |
如图是body标签的各种属性。每个属性作为初学者,你可能很陌生,但是在以后,这些标签的属性我们必须会熟练的掌握,因为以后编程时我们不可能照着书或者电脑,来查找他的属性。那样就太浪费时间了。
标题——
语法:
我是h1标签
我是h2标签
我是h3标签
我是h4标签
我是h5标签
我是h6标签
接下来我为大家演示下h标签的效果
h标签最重要的属性其实就是align,他是控制h标签所写内容的位置
语法:标题文字居中
取值:left(默认) 、 right 、center、 justify
p标签 :该标记后的文字在下一个段落输出
语法:
受影响内容
属性:align 语法:
段落文字居中
取值: left(默认) 、 right 、center、 justify
p标签其实也可以叫做段落标签,被p标签标记的内容将在下一个段落输出。
:该标记后的文字将在下一行输出
语法:
预排版文字内容
大家可能会疑惑什么叫做预排版呢?我为大家举个例子示范下
《浪淘沙》刘禹锡
莫道谗言如浪深 , 莫言迁客似沙沉。
千淘万漉虽辛苦 , 吹尽狂沙始到金.
《西游记》吴承恩
人心生一念 ,天地悉皆知,
善恶若无报 ,乾坤必有私。
《浪淘沙》刘禹锡
莫道谗言如浪深 , 莫言迁客似沙沉。
千淘万漉虽辛苦 , 吹尽狂沙始到金.
《西游记》吴承恩
人心生一念 ,天地悉皆知,
善恶若无报 ,乾坤必有私。
如图所示,俩首诗,第一次我只是直接复制粘贴到编辑器上,显示的并不是我打出来的格式,这是因为html的文字不会识别我们输入的格式。第二次我用了pre标签,于是html自动为我们排版了一下,可能这不是我们最终想要的结果,但是pre标签可以暂时的让文字变得整洁一些,作用也算挺大。
:层(分区显示标签)
语法: 受影响内容
属性: 段落文字居中
div标签是一个分层标签,他可能在我们初学html时不会怎么用到,但当我们进行制作网页或者做一些软件时就会用到div来进行排版。div标签很好理解,在我看来,如果把整个页面当作一个网格来看,div就相当于是网格中的每个格子,我们把各种标签放在div中,然后对div进行 *** 作,就可以实现我们想要的效果,所以div非常有用。题外话(我曾在寒假时创作的小程序所用到的布局便是div布局多些,这个小程序也正是我坚定学前端的转折点吧--想知道的朋友们可以翻看我的一篇文章)
:行内元素
语法: 受影响内容
作用:一般使用该标签配合CSS格式化部分文本
span标签就不过多解释了,很好理解就是span标签内修饰的内容将会受到影响
:水平线
width:宽度,单位为px或百分数
size:粗细,单位为px
color:颜色
align:对齐方式(center、left、right)
hr其实就是个水平线,width,size,color,align来控制你想要水平线所达到的效果。
字体标签
语法:受影响文字
属性: face:定义字体 s
ize:定义字的大小 (+1号~+6号,-1号~-6号,1-7号)
color:定义文字的颜色
例: Welcome
字体辅助标签
加粗: ()
斜体: ()
下划线:
中划线: ()
下标: 上标:
这些都是字体辅助的标签,记住就可以。
今天的分享就到这,如果有什么问题欢迎各位朋友指正!我会第一时间回复!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)