您现在的位置是:网站首页> 编程资料编程资料
html文档基本结构(制作网页基础知识)HTML基本结构全面了解常用html元素总结包括基本结构、文档类型、头部、主体等等HTML基础:HTML的基本结构HTML基本结构_动力节点Java学院整理
2023-10-10
325人已围观
简介 这篇文章主要介绍了html文档基本结构,也就是制作网页的基础知识,明白这些才可以做更好的网页,需要的朋友可以参考下
HTML运行原理:
1.本地运行:html文件用浏览器打开
2.远程访问运行:本地浏览器访问远程服务器(tomcal)
网页的文件名最好不要有中文,因为将来网页文件都是保存到服务器上的建议都使用英文保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 文件后缀。
二、HTML文档基本结构
1、文档的骨架:所有的网页文件,通常由下面四对标记来构成文档的骨架
这里放置的是要在网页中显示的内容
....:标识网页的开始与结束,所有的html元素都要放在这对标记中
....:标识网页文件的头部信息,如标题,搜索引擎关键字等.里面的内容最先加载
....:标识网页文件的主体部分,即页面可见的内容
2、meta标签
meta标记用于定义文件信息,对网页进行说明,便于搜索引擎查找,要放置在
设置关键字:(比较短,用于搜索引擎)
value表示要设置的关键字,多个关键字之间用,分隔开
设置描述:(用于对关键字进行扩展,或对网页的内容进行概述性的描述)
value表示要设置的描述,多个描述之间用,分隔开
设置作者:
设置网页的编码:
设置页面定时跳转:
(content="2;url=http://www.baidu.com" 2表示该网页过多少秒跳转到url指定的目的地)
描述网页的版本:
可设置其他网页信息:
描述网页是通过那种软件产生:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
meta标记用于定义文件信息,对网页进行说明,便于搜索引擎查找,
3、head区
javascript和VBScript程序
stylesheet 可用来设置排版来的声明
可引用外部文件,如CSS排版样本
三、HTML标记的语法
html最基本的语法就是<标记符>内容标记符>,标记符通常都是成对使用的一个开头标记和一个结束标记,还有一种单标记没有结束标记,如
HTML标记类型:单标记和双标记
双标记:
有属性:<标记名称 属性="属性值">...标记名称> 如:.....
无属性:<标记名称>...标记名称> 如:
单标记:
有属性:<标记名称 属性="属性值"> 如:
(默认是居中的)
无属性:<标记名称> 如:
2、体育老师说:谁敢穿裙子上我的课,就罚她倒立!
3、住在我心里,你交房租了吗?
4、你让我下不了台,我让你连上台的机会都没有
相关内容
- html body标签详解与html常用的控制标记 【HTML 元素】标记文字详解详解HTML编程的标记与文档结构css 滤镜效果主要对HTML标记设置滤镜效果Html注释 Html中标记文字注释的符号html入门教程 html标记符号快速掌握HTML5 新旧语法标记对我们有什么好处Html长文本超出标记宽度后自动截取实现代码html中的meta标记简单对照浅谈HTML中的标记
- html无序列表标签和有序列表标签使用示例网页HTML代码讲解:有序列表和无序列表HTML教程:无序列表HTML教程:有序列表浅谈html有序列表、无序列表与定义列表
- html网页插入图片、加入地图索引示例讲解纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- html多媒体应用之网页中插入flash动画、插入音乐纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- html悬浮框架的设置使用示例(iframe加载html)深入剖析HTML5 内联框架iFrame推荐10个HTML5响应式框架五个2015 年最佳HTML5 框架深度剖析HTML的语意和与其相关的前端框架HTML教程,简单学习HTML语言(2)HTML框架_动力节点Java学院整理
- html页面嵌套使用示例(frameset使用方法)HTML Frameset 例子代码
- 将html标签在浏览器居中显示的css样式css选择器设置标签样式的实例代码浅谈html5标签css3的常用样式CSS list-style修改列表属性控制li标签样式CSS list-style属性控制li标签样式示例代码CSS实现鼠标悬停改变其他标签样式的示例代码
- 设置搜索框的默认文字当鼠标单击时该默认文字消失纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- div嵌套html不用iframeiframe 多层嵌套 无限嵌套 高度自适应的解决方案关于解决iframe标签嵌套问题的解决方法
- 保卫萝卜2炮塔图鉴:船锚炸弹炮塔属性功能全面解析_手机游戏_游戏攻略_
