HTML_meta_body

简介: 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/53930969

HTML(HyperText Markup Language)超文本标记语言
FIRST_SETP

文档结构

< html\>…</html> 表示网页的开始和结束
<head\>…</head> 网页文件的头部信息:标题、搜索引擎关键字
<body\>…</body> 网站主体

title 表示网页顶端的网页标题

meta标记

用于定义文件信息,置于head 和 /head之间
<meta name=”keywords” content=”value”>
表示关键字
<meta name=”description” content=”value”>
描述网页的内容,是上面keywords的扩展
<meta name=”autor” content=”作者名”>
<meta http-equiv=”content-type” content=”text/html;charset=gb2312”>
国内网站用GB2312,国际用utf-8
text/html;charset=gb2312一个声明代码,指明这个是文本方式的网页文件,语言是 中文
<meta http-equiv=”refresh” content=”2;URL=http://www.baidu.com“/>
自动刷新 ,2表示时间

http-equiv中的属性:
content-type 规定文档的字符编码。
default-style 规定要使用的预定义的样式表?
refresh 定义文档自动刷新的时间间隔。


body

注释:<!–注释–>

html元素-html标签-html标记

不推荐使用:
bgcolor 背景颜色
background 背景照片
text 文字颜色
leftmargin 左边距
rightmargin 右边距
topmargin 上边距
bottommargin 下边距

<!--加背景图片会出现重复-->
<html>
    <head>
        <title>网页标题</title>
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <meta http-equiv="content-type" content="type/html;charset-htf-8"/>
    </head>
    <body background='1.png' bgcolor='black' background text='white'
    leftmargin="0"
    rightmargin="0"
    topmargin="0"
    bottommargin='0'
    >
        <p>This is a pharagraph</p>
    </body>
</html>

background

Tips

标记的属性:<标记 属性1=参数1属性2=参数2 。。。>内容</标记>
属性之间用空格分隔,属性不分先后且不是必须的。
html不区分大小写,xhtml全部小写

属性和属性之间用空格隔开
所有的标记都要关闭
<b>加粗
<font color=”red” size=”7”>内容 </font>
size(1~7)

<hr width=”50%” /> 水平线

相关文章
|
5月前
|
Web App开发 缓存 搜索推荐
HTML中meta标签中属性详解并设置页面缓存策略
HTML中meta标签中属性详解并设置页面缓存策略
290 0
|
数据采集 缓存 搜索推荐
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
|
移动开发 编解码 Android开发
HTML5 meta viewport参数详解
随着移动端的流行,在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。
1269 0
|
Web App开发 缓存 搜索推荐
|
Web App开发 搜索推荐 Android开发
07HTML基础-meta其它类型
meta其它类型 Keywords类型 作用: 告诉搜索引擎当前网页的关键词, 在SEO中非常重要, 能够提高搜索命中率, 让别人更容易找到你 格式: Descriiption类型 作用: 告诉搜索引擎当前网页的主要内容, 在SEO中非常重要...
873 0
|
Web App开发 移动开发 Windows
html5手机网站需要加的那些meta/link标签,html5 meta全解
原文链接:http://blog.csdn.net/kongjiea/article/details/17092413(收藏专用!如需转载,请点击链接,联系博主,获得同意后方可转载) 3、name之设置作者姓名及联系方式 说明:设置作者姓名及联系方式   4、其他         ...
785 0
|
搜索推荐 机器人 缓存
|
移动开发 HTML5
html5 webApp常用Meta标签
Html5 webApp常用Meta标签
907 0