您现在的位置是:网站首页> 编程资料编程资料
HTML基本结构全面了解html文档基本结构(制作网页基础知识)常用html元素总结包括基本结构、文档类型、头部、主体等等HTML基础:HTML的基本结构HTML基本结构_动力节点Java学院整理
2021-08-30
1663人已围观
简介 下面小编就为大家带来一篇HTML基本结构全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
HTML简介
HyperText Markup Language:超文本标记语言
HyperText:超文本(文本 + 图片 + 视频 + 音频 + 链接)
Markup Language:标记语言
网站的三大元素
图片,超链接,文字
HTML基本结构
- <html>
- <head>
- <title>Documenttitle>
- head>
- <body>
- I am mossbaoo !
- body>
- html>
标准网页的HTML标签
1.HTML文档声明:
2.页面标题:
3.页面编码:
utf-8 是多国语言编码(推荐使用)
gb2312 是简体中文编码
4.页面关键字:
页面主要内容:
注意:meta标签是html语言的辅助性标签,通常用于优化搜索引擎,它位于HTML文档头部。
生成HTML文档初始结构
1.HTML5的标准结构:html:5+Tab键 或 !+Tab键
生成结果如下
- >
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Documenttitle>
- head>
- <body>
- body>
- html>
2.HTML4的过渡型结构:html:xt+Tab键
生成结果如下
- >
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
- <title>Documenttitle>
- head>
- <body>
- body>
- html>
HTML标签注意点:
• HTML元素由开始标签和结束标签组成。
• 位于开始标签和结束标签中的文本是元素的内容。
• HTML标签有开始必须有结束,如果是没有内容的标签(空标签),用/>来结束。
• 标签名不区分大小写,但是在XHTML中标签名必须用小写。
• 标签具有属性,属性用来表示标签的性质和特性。属性要在开始标签中指定。
以上这篇HTML基本结构全面了解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
原文地址:http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html
相关内容
- html/css基础篇——html代码编写过程中的几个警惕点(必看)html、css基础注意点(前端必看篇)HTML CSS样式基础(必看篇)HTML基础总结推荐(段落)HTML基础知识——css样式表,样式属性,格式与布局详解HTML基础知识——设置超链接的样式简单实例HTML基础必看——全面了解css样式表HTML基础必看---表单,图片热点,网页划区和拼接详解HTML基础重点_一般标签、常用标签和表格浅谈HTML(css基础样式)前端开发每天必学之HTML入门介绍
- 简单html以及css的用法详解HTML5跨浏览器纯CSS工具提示特效源码html/css基础篇——html代码编写过程中的几个警惕点(必看)html、css基础注意点(前端必看篇)HTML CSS样式基础(必看篇)浅谈HTML5 & CSS3的新交互特性HTML5和CSS3实例教程总结(推荐)HTML基础知识——css样式表,样式属性,格式与布局详解HTML基础必看——全面了解css样式表HTML+CSS项目开发经验总结(推荐)
- 一些有用的meta设置方法(必看)HTML的meta标签常见用法集锦
- input checkbox 扩大点击范围的实现方法限制html文本框input只能输入数字和小数点关于input的file 控件及美化浅谈html中input只读属性readonly和disable的区别点击按钮文字变成input框,点击保存变成文字的实现代码快速解决input[type=file]打开时慢、卡顿的问题
- 【HTML 元素】嵌入图像的实现方法Html5元素及基本语法详解【HTML 元素】标记文字详解HTML中文件上传时使用的<input type="file">元素的样式自定义浅谈HTML5新增及移除的元素浅谈html5增强的页面元素html5表单及新增的改良元素详解CSS3文本阴影text-shadow属性详解
- 【HTML 元素】标记文字详解详解HTML编程的标记与文档结构css 滤镜效果主要对HTML标记设置滤镜效果html body标签详解与html常用的控制标记 Html注释 Html中标记文字注释的符号html入门教程 html标记符号快速掌握HTML5 新旧语法标记对我们有什么好处Html长文本超出标记宽度后自动截取实现代码html中的meta标记简单对照浅谈HTML中的标记
- HTML基础笔记(推荐)HTML基础总结推荐(标题)HTML基础总结推荐(文本格式)HTML基础总结推荐(段落)HTML基础知识——设置超链接的样式简单实例HTML基础必看---表单,图片热点,网页划区和拼接详解什么是HTML_动力节点Java学院整理
- HTML基本概念详解HTML基础总结推荐(文本格式)HTML基础总结推荐(段落)基于HTML5 Canvas的水波涟漪特效源码关于HTML5语义标签的实践(blog页面)HTML5实现手机身份证表单上传提交特效源码
- HTML基础总结推荐(标题)HTML基础笔记(推荐)HTML基础总结推荐(文本格式)HTML基础总结推荐(段落)HTML基础知识——设置超链接的样式简单实例HTML基础必看---表单,图片热点,网页划区和拼接详解什么是HTML_动力节点Java学院整理
- HTML基础总结推荐(文本格式)HTML基础笔记(推荐)HTML基础总结推荐(标题)HTML基础总结推荐(段落)HTML基础知识——设置超链接的样式简单实例HTML基础必看---表单,图片热点,网页划区和拼接详解什么是HTML_动力节点Java学院整理
