Web 前端基础--常见基础HTML标签的使用

静态网页是指浏览器解释执行而生成的网页,其主要开发技术是HTML,CSS,JavaScript。
HTML:即超文本标记语言,是Intenret上用于编写网页的主要标记语言,负责网页的基本表达形式。
CSS:简称为样式表,是一种用来为结构化文档(例如HTML文档)添加样式(字体,间距和背景等)的计算机语言,负责美
化页面。
JavaSript:是一种描述性的脚本语言,负责服务器与客户之间的互动。

HTML文件的基本结构

<html>//根控制标记(头)
   <head>//头控制标记(头)
     ...
   </head>头控制标记(尾)
   <body>
     ...网页显示区域(一般要实现的代码都在这里写)
   </body>
</html>//根控制标记(尾)

常用HTML标签

1.换行< /br >
2.段落
格式:
< p >段落的内容< /p >
< p align=“对齐方式”>…< /p >
属性名称align
属性值left(文本左对齐,默认) ,center(文本居中对齐) ,right(文本右对齐)
3.水平直线< hr >
属性名称 属性值
size 像素px/百分比%(属性值越大,线越粗)
width 像素px(绝对设置,长度不会应视窗的改变而改变)
百分比%(相对设置,长度会随着视窗宽度而改变)
noshade(实体线)
4.背景色与文字设置

< body bgcolor="背景色" text="文字颜色" >

整体页面的边距和行距

< body leftmargin="像素px" topmargin="像素px" >

5.标题文字设置
< h1 >…< /h1 >
< h2 >…< /h2 >
< h3 >…< /h3 >
< h4 >…< /h4 >
< h5 >…< /h5 >
< h6 >…< /h6 >字号< h1 >到< h6 >由大变小。
6.实体字符控制标记

<b>...</b>粗体
<i>...</i>斜体
<s>...</s>删除线
<u>...</u>下划线
<sub>...</sub>下标(化学元素:二氧化碳等)
<sup>...</sup>上标(数学中:幂,平方等)

7.滚动
格式:

<marquee> ... </marquee> 

方向: < direction=# >
#=left, right ,up ,down(表示向上,向下,向左,向右翻滚)
eg:从右向左移

<marquee direction=left></marquee>

方式 <bihavior=#>
#=scroll, slide, alternate(循环滚动,只滚动一次,来回交替滚动)
eg:

 <marquee behavior=scroll></marquee> 
 <marquee behavior=slide></marquee>
  <marquee behavior=alternate></marquee>

滚动次数 < loop=# >
#=次数(数值为整数)若未指定则循环不止(infinite)
eg:

<marquee loop=3 width=50% behavior=scroll></marquee>
 <marquee loop=3 width=50% behavior=slide></marquee> 
 <marquee loop=3 width=50% behavior=alternate></marquee>

速度 <scrollamount=#>
(scrollamount的值为文字每次移动的长度,以像素为单位,)

 <marquee scrollamount=15></marquee>

延时 <scrolldelay=#> 单位为毫秒
eg:

<marquee scrolldelay=50 scrollamount=100></marquee>

8.语意字符控制

<address></address> 地址
<del></del> 删除(删除线)
<ins>...</ins> 修改(下滑线)
<strong></strong> 加强语气(加粗)
<em>...</em> 加强语气(倾斜)

9.格式化

<pre>...</pre>

10.面积 <height=# width=#>

<marquee height=40 width=50% bgcolor=aaeeaa></marquee>

11.底色 <bgcolor=#>
#=16 进制数码,或者是预定义色彩: Black, Olive, Teal, Red, Blue, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

<marquee bgcolor=aaaaee></marquee>

猜你喜欢

转载自blog.csdn.net/haha_7/article/details/108858259