HTML 基础

结构

<html>

<head> </head>

<body>

</body>

</html>


3.1.1设置页面标题<title>

3.1.2  设置基底网址<base>  :<base href="网址" target="窗口">

3.1.3  设置基准文字<basefont>:<basefont face="宋体" size="h2" color ="#666666">

  <basefont>标记用于设置网页中的文字;
  face属性用于设置文字的名称,可以是宋体、隶体、楷体等;
  size属性用于设置字号的大小;
  color用于设置字体的颜色。

3.1.4  定义元信息<meta>

<meta http-equiv=”” name=”” content=””>

标记中的http-equiv属性用于设置一个http的标题域,但确定值由content属性决定,name属性用于设置元信息出现的形式,content属性用于设置元信息出现的内容。

eg:<meta name=”keywords” content=”value”> Keywords用于说明定义的是关键字,value用于说明为该网页定义的关键字,可以是多个关键字。
3.1.5  设置页面关键字——keywords
3.1.6  设置页面过期时间——expires

3.2.1  设置页面背景——bgcolor
利用<body>标记中的bgcolor属性,可以设置网页的背景颜色。
3.2.2设置页面边距——topmargin、leftmargin、rightmargin、bottomnargin
 <body topmargin=value leftmargin=value rightmargin=value bottomnargin=value>

通过设置topmargin/leftmargin/rightmargin/bottomnargin不同的属性值来设置显示内容与浏览器的距离:
  topmargin设置到顶端的距离
  leftmargin设置到左边的距离
  rightmargin设置到右边的距离
  bottommargin设置到底边的距离。
3.2.3  设计正文颜色——text

<body text=”red”></body>在<body>标记中,利用text属性设置文档的颜色时,还可以进行其他的设置,例如:背景、字体等。

4.1.1 添加文字

在网页中添加文字,只要在<body></body>之间,需要插入文字的地方输入文字就可以实现。
4.1.2 添加注释<!-->或<comment>

给代码添加注释语句时,<!-->或<comment>可以放在HTML文件的任何地方,都不会在网页中被显示出来。
4.1.3 添加空格——&nbsp;

<body>
&nbsp; &nbsp; &nbsp;
</body>

在HTML文件中,添加空格需要使用代码“&nbsp;”控制,需要多少个空格就需要添加多少个“&nbsp;”。
4.1.4 添加删除线<strike>

在成对的<strike> </strike>标记之间输入文字,在网页中显示改标记之间的文字就是被添加了删除线后的显示效果。
4.1.5 插入特殊符号


在HTML文件中,特殊符号对应的代码,在网页中显示的就是该代码对应的特殊符号。

4.2.1  编辑网页文字样式<font>
<font face=”” size=”” color=””></font>
在HTML文件中,利用成对<font></font>标记就可以将网页中的文字根据需要,对其进行样式的编辑。
4.2.2  设置文字标注标记<ruby

利用成对的<ruby><rt>…</rt></ruby>标记,可以对网页中的文字进行标注。



4.3.1  简单修饰文字

<body>
     普通文字的显示<br>
   <b>加粗的文字</b><br>
   <i>斜体文字</i><br>
   <u>添加下划线文字</u><br>
</body>
4.3.2  确定文字上下标——<sup>/<sub>

在HTML文件中,成对的<sup></sup>标记可以表示上标,利用成对的标记<sub></sub>表示下标。
4.3.3  设置地址文字<address>

在HTML文件中,利用成对<address> </address>标记就可以将网页需要显示的地址文字突出显示。
4.3.4  设置等宽文字<tt>、<samp>、    
           <code>、<kdb>

<body>
   <tt>打字机风格显示</tt>
<code>等宽文字设置内容</code>
<samp>等宽文字设置内容</ samp >
<kdb>键盘输入</ kdb >
</body>

<p>

标记符号,利用<p>标记可以对网页中的文字信息进行段落的定义,但不能进行段落格式的定义。在HTML文件中,<p>标记是一个段落

4.4.1  回车<br>
4.4.2  换行与不换行<wbr>/<nobr>
4.4.3  预格式化<pre>

在HTML文件中,利用<pre>标记不仅可以定义网页文字中的段落,还可以对段落格式进行定义。
4.4.4  居中显示文字<center>

在HTML文件中,利用成对<center></center>标记,对齐标记之间在内容将会在网页中居中显示。
 4.4.5  设置段落缩进<blockquote>

在HTML文件中,利用成对<blockquote> </blockquote>标记对网页中的文字进行缩进,可以更好地体现网页文字的层次结构。
4.4.6  忽略HTML标记<xmp>

在HTML文件中,只要是插入在成对的<xmp>…</xmp>标记中的内容,都会将HTML标记忽略,包括标记在内的所有内容都会直接显示在页面上。
4.4.7  插入并设置水平线<hr>

在HTML文件中,利用<hr>标记可以插入水平线,同时利用水平线标记本身的属性,可以对水平线进行一些简单的设置。





“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值