HTML day01基础总结

时间:2022-05-08 04:19:14

1.网页的基本元素

  文字、图像与超链接。

2.每一个网页元素通常由开始标记、结束标记,以及在这两个标记中的内容所组成。

3.一般结构

<html> 

  <head>

    <metahttp-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>标题</title>

  </head>

  <body>

      正文

  </body>

</html>

4.常用标记

  <p>段落</p>

  <br/>   分段

  <hr />  水平线

  <hr size=“” /> 大小  默认值为2 <hr width=“” /> 宽度 像素值或百分数 <hr align=“” />对齐方式 left,right <hr color=“”>颜色

  <img src=“image.gif” />  插入图像

  <!—注释内容-->  注释标记

  <h1 align=“center”>标题文字</h1>  标题大小、居中

  其它格式标记

  <u>…</u>给字符加下划线

  <s>…</s>给字符上加横线,表示删除

  <b>…</b>给字符加粗//<strong>...</strong>

  <i>…</i>将字符设置成斜体//<em>...</em>

5.<meta>信息

  在服务器和客户之间传达隐含信息。可以用来定义页面主题,设定页面格式,标注内容提要和关键字,设置页面刷新等等。一般用法:

  例:  

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312(国标)/iso8859-1"(国际标准) />

      <title>淘宝网-淘!我喜欢</title>

    <meta name="keywords" content="淘宝,掏宝,网上购物,c2c,在线交易,交易市场,网上交易,网上买,网上卖,购物网站,网上开店,打折,免费开店,网购,店铺" />

    <meta name=“description” content=“淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值...2亿优质特价商品,同时提供担保交易、先行赔付、假一赔三让你全面安心享受网上购物乐趣!" />

    

  </head>

  <body>

  </body>

</html>

6.设置<body>的属性

  Background=  ---背景图片

  Bgcolor=“#ffffff” ---背景色彩

  例: <body background=“button.jpg”>

     <body bgcolor=“#ff0000” text=“blue”>

7.特殊字符标记

  字符”<”用字符串”&lt”表示;

  字符”>”用字符串”&gt”表示;

   空格字符用字符串”&nbsp;”表示;

  © 版权&copy;

  ® 注册商标&reg;

8.文字格式标记

  格式:<font size=“大小” face=“字体名称” color=“颜色”>文字</font>

  在 HTML 4.01 中,不赞成使用 font 元素的 size 属性;在 XHTML 1.0 Strict DTD 中,不支持 font 元素的 size 属性。

请使用 CSS 代替。

CSS 语法:<p style="font-size:20px">