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%” /> 水平线

相关文章
|
Web App开发 缓存 搜索推荐
HTML中meta标签中属性详解并设置页面缓存策略
HTML中meta标签中属性详解并设置页面缓存策略
912 0
|
6月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
91 1
|
3月前
|
存储 JavaScript Java
使用NekoHTML解析HTML并提取META标签内容
关于NekoHTML的代码样例,这里提供一个简单的示例,用于展示如何使用NekoHTML来解析HTML文档并提取其中的信息。请注意,由于NekoHTML的具体实现和API可能会随着版本更新而有所变化,以下代码仅供参考。 ### 示例:使用NekoHTML解析HTML并提取META标签内容 ```java import org.cyberneko.html.parsers.DOMParser; import org.w3c.dom.Document; import org.w3c.dom.Element; import org.w3c.dom.NodeList; import org.xml
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
该博客文章详细介绍了HTML的基础知识,包括注释、标签属性、常用标签、实体、图片引入、meta标签、内联框架、超链接的使用,并通过代码示例和测试结果截图展示了这些元素在网页中的应用效果。
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
|
6月前
|
Web App开发 移动开发 搜索推荐
HTML <meta> 标签及其属性介绍
HTML <meta> 标签及其属性介绍
|
7月前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
204 4
|
数据采集 缓存 搜索推荐
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
|
Web App开发 缓存 搜索推荐
|
移动开发 编解码 Android开发
HTML5 meta viewport参数详解
随着移动端的流行,在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。
1326 0
下一篇
DataWorks