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;

空格

 

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值