0

0

简单理解网页源码(HTML源代码)_html/css_WEB-ITnose

php中文网

php中文网

发布时间:2016-06-21 08:47:07

|

2474人浏览过

|

来源于php中文网

原创

程序员无论做什么程序, 基本都会接触html, 如果做web开发 这就是吃饭的家伙, 移动端app 的没学过html不要紧, 但是要一眼大概可以看懂网页源代码, 有机会最好亲自学习一下html5, 最自身的提高还是有所帮助的

    HTML, 超文本标记语言. 简单理解为某些字句加上标志的语言,从而实现预期的特定效果。网页正是由这种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.html

仿虎嗅网在线视频教育门户源码2.0
仿虎嗅网在线视频教育门户源码2.0

仿虎嗅商学院在线视频教育门户网站源码,织梦内核,页面简洁,容易维护修改;适合做在线教育类网站,网站模板修改简单,网站设置多个广告位方便放置广告。适用于视频网站,在线教育、在线商学院;图片展示效果极佳;网站手工div+css,代码精简,首页排版整洁大方、布局合理、利于SEO、图文并茂、静态HTML;首页和全局重新做了全面优化,方便大家无缝使用。

下载

立即学习前端免费学习笔记(深入)”;

二、组成要素

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

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

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

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

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

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

  <img src="/Files/Pic/2006-9/4/069409563356425.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怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

22

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

99

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

132

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

15

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

65

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

61

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

63

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

33

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
c语言项目php解释器源码分析探索
c语言项目php解释器源码分析探索

共7课时 | 0.4万人学习

php初学者入门课程
php初学者入门课程

共10课时 | 0.6万人学习

Git版本控制工具
Git版本控制工具

共8课时 | 1.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号