html基础-html简介-第一个网页(1)
今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助。
一、先来为大家简单普及以下html
(1)、html英文即:hypertext markup language 中译 : 超文本标记语言
(2)、网页:网页是一个后缀名为".html"的文件,它存放在世界某一部计算机或服务器中,而它与互联网相连,网页经由网址读取(url(统一资源定位符)),是万维网其中
一页(万维网(由世界各地计算机连接起来的网络)),网页通过浏览器来阅读。
(3)、网站(英文(website 简称 web)):是由多个网页组合而成,但不是简单的罗列组合,通过超链接方式组成既有鲜明风格又有完善内容的有机体制。
(4)、web页面组成元素标准:结构 、表现 、行为。
(5)、web前端三要素:html/css/javaScript。
上面是对于我们html最基本的了解,接下来开始我们的第一个网页的制作,当然也是我当初的第一个网页,很是怀念
一、页面最基本的构成
(1)、根元素:<html></html> [注]:它其中包含了头部,主体各种样式js代码等等。
(2)、头部:<head></head> [注]:包含一些你的页面描述,和你的页面样式。
(3)、页面描述:<title></title> [注]:包含了网页窗口标题。
(4)、主体内容:<body></body> [注]:包含了你的网页内容。
【注】:html的元素基本都会有闭合标签,闭合标签即</htm> </head> </title> </body>这样的都是闭合标签。
二、正式开始我们的第一个页面
【注】:初学者不推荐使用编程软件,可以使用《记事本》来写或別的没有提示的软件来写提高你对代码的熟悉。
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<p>我的第一个网页</p>
</body>
</html>
(1)、打开记事本
(2)、记事本中写入我们的代码
(3)、保存我们的记事本,文件后缀一定要保存为".html"否则浏览器无法解读
(4)、最后打开我们保存好的.html文件,我们的页面就出现了
到这里我们就写好了一个非常非常简单的页面了,今天时间有限,明天接着继续。
html基础-html简介-第一个网页(1)的更多相关文章
- #WEB安全基础:HTML/CSS | 0x0 我的第一个网页
#WEB安全基础:HTML/CSS系列,本系列采用第二人称以免你不知道我在对着你说话,以朋友的视角和你交流 HTML的中文名叫做超文本标记语言,CSS叫做层叠样式表 用HTML设计你的第一个网页,你需 ...
- 【Machine Learning】机器学习及其基础概念简介
机器学习及其基础概念简介 作者:白宁超 2016年12月23日21:24:51 摘要:随着机器学习和深度学习的热潮,各种图书层出不穷.然而多数是基础理论知识介绍,缺乏实现的深入理解.本系列文章是作者结 ...
- XML 参考:XML基础 XML 简介
XML 参考:XML基础 -- XML简介和用途 转:http://www.cnblogs.com/Dlonghow/archive/2009/01/22/1379799.html XML 参考:XM ...
- django学习记录--第一个网页“hello django”
一.安装django 下面两种方法任选其一 1.pip或easy_install 安装 pip install django easy_install django 2.到django官网(https ...
- Java基础类库简介
Java基础类库简介 一.常用的基础类库:11个jar(Java Archive,Java归档)包 作为java语言使用者,我们可以感受到java语言带来的优势(平台无关.面向对象.多线程.高效易扩展 ...
- Chrome启动后打开第一个网页很慢的解决方案
Chrome启动后打开第一个网页很慢的解决方案 Chrome/Chromium以速度快著称,最近每当打开chrome的时候,打开第一个页面都非常慢,往往需要数十秒的时间,经分 析,应该是卡在了域名解析 ...
- SpringCloud(1) 架构演进和基础知识简介
一.传统架构演进到分布式架构 简介:讲解单机应用和分布式应用架构演进基础知识 (画图) 高可用 LVS+keepalive 1.单体应用:开发速度慢.启动时间长.依赖庞大.等等 2.微服务:易开发.理 ...
- Web基础学习---HTML 第一天
Web基础学习---HTML 第一天 1 HTML标签 2.CSS Web开发基础HTML好吧离开Python几天...如何学好前端?? 多去看别人的网站.多看.多写.多练,(知乎.36Kr.)多练就 ...
- Java 零基础跑起第一个程序
Java 零基础跑起第一个程序 一 概述 1 java代码编译 编译后才干在计算机中执行.编译就是把人能看懂的代码转换成机器能看懂的形式 2 java的长处 一次编译.到处执行.由于java代码是在 ...
随机推荐
- mysql-mmm
查看mmm集群状态: mmm_control show 给主机设置ip: mmm_control set_ip ip host 改变状态: mmm_control set_passive|active ...
- python+scrapy 爬取西刺代理ip(一)
转自:https://www.cnblogs.com/lyc642983907/p/10739577.html 第一步:环境搭建 1.python2 或 python3 2.用pip安装下载scrap ...
- [WiX]Component Rules 101
原文:http://robmensching.com/blog/posts/2003/10/18/component-rules-101 I've been debating with myself ...
- 剑指offer二十二之从上往下打印二叉树
一.题目 从上往下打印出二叉树的每个节点,同层节点从左至右打印. 二.思路 二叉树的层次遍历,可以借助队列实现.具体思路详见注释. 三.代码 import java.util.ArrayList; i ...
- Go语言学习笔记五: 条件语句
Go语言学习笔记五: 条件语句 if语句 if 布尔表达式 { /* 在布尔表达式为 true 时执行 */ } 竟然没有括号,和python很像.但是有大括号,与python又不一样. 例子: pa ...
- 前端项目中使用git来做分支和合并分支,管理生产版本
最近由于公司前端团队扩招,虽然小小的三四团队开发,但是也出现了好多问题.最让人揪心的是代码的管理问题:公司最近把版本控制工具从svn升级为git.前端H5组目前对git的使用还不是很熟悉,出现额多次覆 ...
- 不用bootstrap,只用CSS创建网格布局
本文译自[http://j4n.co/blog/Creating-your-own-css-grid-system],英语好的,可直接查看原网页,不需要FQ. 翻译拿不准的地方会有英文原文,方便大家理 ...
- [BZOJ 2655]calc
Description 题库链接 给出 \(A,n,p\) ,让你在模 \(p\) 意义下求所有序列 \(a\) 满足"长度为 \(n\) 且 \(a_i\in[1,A]\) ,并且对于 \ ...
- Express开发性能优化
1.使用浏览器缓存 在app.js里添加 var CACHETIME = 60 * 1000 * 60 * 24 * 30; app.use(express.static(path.join(__di ...
- MySQL中一个sql语句包含in优化问题
第一版sql: SELECT module.id, module.module_name, module.module_code `module` where IN (module.did_acces ...