web程序设计——基本标签(一)

标签基本语法的单元

一般形式:

                 <tagname 属性1=”属性1”  属性2=”属性2” ……> 内容…… </tagname>

  • 注释语句

<!—注释语句,可以是多行-->

HTML5文档的基本结构

  1. 第一行必须是<!DOCTYPE html> 
  2. 主要包括的标签有<html> <head> <title> <meta> <body>
    <html></html>:是整个网页的根元素
    <meta/>是元标签,元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
    <meta charset=”utf-8”/>   //其中的utf-8也可以换成GB2312或GBK。

*用什么编码,你的文件就要用相应的编码保存

  • 设置格式:<meta name="参数"  content="参数值"/>
  •        或 <meta http-equiv="参数" content="参数值"/>
  • http-equiv主要是向浏览器传递一些信息,name则向搜索引擎和制作工具提供信息,http-equiv和name只能二取一

例:<meta http-equiv="Expires" content="Tue,08 Dec

          2009 00:00:00GMT"/> //设置网页过期时间

    <meta http-equiv="refresh"
          content="5;url=http://www.baidu.com"/>

          //告诉浏览器5秒后网页刷新到百度网站

 

    3.<title></title>:标题标签,内容是显示在浏览器的顶部。

基本的文本标签

  1. <p></p>:段落元素。
    *段落内的换行符将会被忽略,如需换行则需要采用专门的标签,如<br/>。
    *段落内多个空格将会被一个空格所取代,需要产生连续空格可以采用中文全角空格或者多个字符&nbsp
    *</p>结束后将会插入一个空白行。
  2. <br/>换行标签,自封闭标签。
  3. <hr/>:水平线,默认为3像素。
  4. <pre></pre>:预排版标签。
  5. <h1></h1>……<h6></h6>:分级标签,值越大,字越小,<h4>是默认的文本字体大小。
  6. <blockquto></blockquto>:文本块引用。
  7. 字体的样式与大小

标签

含义

<i></i>

斜体

<b></b>

粗体

<em></em>

强调斜体

<strong></strong>

强调加粗

<big></big>

字体大一号

<small></small>

字体小一号

<sup></sup>

上标标签

<sub></sub>

下标标签

块标签与行内标签

  • 块标签:<p><code><h4><div><form><table>
    一般是其他标签的容器,块标签一般都从新行开始,它可以容纳内联标签和其他块标签。
  • 行内标签:<em><strong><sub><sup><input><img>
    只能容纳文本或者其他内联元素。
  • 块标签不能出现在行内标签内。
  • 行内标签不能直接放在文档主体<body>或表格<table>中

字符实体

 

 

 

&

&amp;

and记号

<

&lt;

小于号

>

&gt;

大于号

"

&quot;

双引号

&apos;

&apos;

单引号

¼

&frac14;

四分之一

½

&frac12;

二分之一

¾

&frac34;

四分之三

(space)

&nbsp;

空格

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章