当前位置: 首页 网站模板

html基本框架代码(HTML标签最常用的代码)

时间:2024-12-20 作者: 小编 阅读量: 2 栏目名: 网站模板 文档下载

html基本框架代码(HTML标签最常用的代码)

如何启用HTML代码

 一、基本框架
  如同人一样,网页也包括了“头部”和“身体”,

  <head>标记内包含着诸如网页标题、语言编码、网页描述等基本信息,而平时我们真正见到的网页内容均放在<body>标记内。现在先介绍一下<head>里的基本信息。

  网页标题(标记格式为<title></title>)

  创建网页标题文字:<title>标题</title> //此处书写的文字会显示在IE的标题栏上。

  网页文档信息(标记格式为<meta>)

  描述网页内容类型:<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> //该页面为TXT文本或HTML格式,语言编码方式为GB2312(即简体中文)。

  描述网页的关键字信息:<meta name="keywords" content="这里是关键字">

  对网页的详细描述:<meta name="description" content="这里是对该网页的介绍">

  刷新网页:<meta http-equiv="refresh" content="5;URL=xxx.htm"> //5秒种后刷新,并链接到xxx.htm。

  二、组成要素
  无论网页如何千变万化,构成一个网页内容的最基本要素大体只有五种,即文字、图片、表格、超链接和表单控件,所以下面将围绕着这五个要素逐一列举介绍。

  文字(标记格式为<font></font>)

  指定文字字体:<font face="宋体">宋体文字</font>

  指定文字大小:<font size="3">3号文字</font>

  指定文字颜色:<font color="#FF0000">红色文字</font> //网页颜色采用16位编码,因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。

  图片(标记格式为<img>)

  <img src="images/pic.jpg" width="400" height="300" border="2" align="center">// src指定为路径地址,width为宽度,height为高度,border为边框大小,align为横向位置。

  表格(标记格式为<table><tr><td></td></tr></table>)

  <table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"><tr><td>此处添加文字或图片等</td></tr></table>// width、height、border、align与以上的例子作用一样,cellpadding为边框与单元格的间距,cellspacing为单元格之间的间距,bgcolor为表格背景色。

  以上所介绍的元素都是只存在当前页中,而网页超链接的出现大大改变了人们的浏览习惯,可根据自己喜好,点击到相关链接查看网页信息。

  超链接(标记格式为<a></a>)

  <a href="xxx.htm" title="提示文字">链接文字或图片</a> //href为被点击后的链接页,title为鼠标悬停在链接文字或图片上后出现的提示文字。

  表单控件(标记符号为<input>、<textarea></textarea>、<select></select>)

  表单控件实现了人与网页的交互,像大家常去的论坛、购物站点等都有它的“身影”。

  文本框:<input type="text" value="这是文本框"> //value为该控件的值,以下每个表单控件均可设定,不设默认为空

  密码框:<input type="password">

  单选框:<input type="radio">

  复选框:<input type="check">

  提交按钮:<input type="submit">

  重置按钮:<input type="reset">

  隐藏区域:<input type="hidden">

  文本域:<textarea rows="6" cols="30"></textarea> //rows为行数,cols为宽度

  列表框:<select><option>项目1<option>项目2<option>项目3</select>

  编后:学习HTML的目的不是为了要用它来编写网页,因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素,了解这些知识后可以分析网页的结构,学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些,想要在网页设计方面发展的朋友学好它是非常必要的。

html框架有哪些

HTML框架主要有以下几种:


1. 基本的HTML框架


一个基本的HTML框架主要由以下几部分组成:DOCTYPE声明、html标签、head标签和body标签。其中,DOCTYPE声明告诉浏览器当前文档应该使用哪种HTML版本进行解析;html标签是整个HTML文档的根元素;head标签包含了文档的元数据,如标题、字符集等;body标签包含了用户能在网页上看到的所有内容,如文本、图片等。


2. 表格框架(Table Framework)


在早期的网页设计中,表格框架是一个重要的组成部分。它可以帮助设计者进行页面布局和对齐元素。HTML中的表格是由table标签及其内部的tr(行)、td(单元格)等标签构成的。不过随着响应式设计的兴起,表格框架的应用逐渐减少。


3. 响应式框架(Responsive Framework)


响应式框架是一种用于创建适应不同屏幕尺寸和设备类型的网页的技术。它通过CSS媒体查询等技术实现不同分辨率下的页面布局和样式调整。Bootstrap是最流行的响应式框架之一,它提供了一系列的CSS和JavaScript组件,帮助开发者快速构建响应式网站。


4. 前端框架(Front-end Framework)


前端框架是一种用于简化前端开发工作的工具集合。除了基本的HTML和CSS支持外,前端框架通常还包括JavaScript库和组件,用于处理页面交互、动画效果等复杂功能。常见的前端框架有React、Angular和Vue等。这些框架提供了丰富的工具和组件,可以帮助开发者更高效地构建复杂的网页应用。

HTML标签最常用的代码