HTML小白入坑日记~qwq

最新推荐文章于 2024-07-10 19:13:37 发布

small~鱿

最新推荐文章于 2024-07-10 19:13:37 发布

阅读量332

点赞数 1

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/u011932188/article/details/106341753

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Web&HTML小白入坑の日记！（第一天）

（本博客参考百度百科以及其他网络，多处可能出现相似处！本人只为业余学习用途！若侵犯版权请联系本人删除！本人邮箱：kingnas@yeah.net，本人IT小白！若有IT大佬可否多指点一下qwq~望见谅！）

小白入坑日记目录

小白web概论
先认识一下HTML顾名思义Hyper Text Markup Language其意思就是“超级文本标记语言”，也是XML的衍生，
发展版本如下：

HTML 1：在1993年6月作为互联网工程工作小组(IETF)工作草案发布
HTML 2： 1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时
HTML 3.2： 1997年1月14日，W3C推荐标准
HTML 4： 1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准
HTML 5：TML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手

HTML其传输通常依赖万维网，WWW（world wide web）万维网联盟
也称为Web、3W等。WWW是基于客户机/服务器方式的信息发现技术和超文本技术的综合。WWW服务器通过HTML把信息组织成为图文并茂的超文本，利用链接从一个站点跳到另个站点，这样一来彻底摆脱了以前查询工具只能按特定路径一步步地查找信息的限制。

接下来了解的就是作为客户端的我们！使用最基本的程序：浏览器
浏览器都有自己的内核，至今浏览器版本已经很多了，比如说：360浏览器、谷歌浏览器、QQ浏览器、百度、等等！当然浏览器厂商都大多有自己打造的一套内核！
下边就介绍一下常见浏览器内核吧！
浏览器：浏览器内核（Rendering Engine）可大概译为“渲染引擎”
1、IE（Trident）：兼容性
2、火狐（Gecko）：开源
3、苹果Safar（webkit）：Safari内核，Chrome内核原型，开源
4、谷歌（Chromium/Blink）：Blink渲染引擎/浏览器核心强大，收购了Webkit
5、Opera（Presto（已废弃））：现在和谷歌合并了
浏览器内核也体现出了各自的优点和缺点，所以才有了内核竞争。
但是如果不统一一个标准，各自的浏览器内核运算解释的结果有可能都不一样啊！

所以，我们应该统一一种标准！所以就有了规范内核作用，规范的作用也很显然。
就是：
1.让web前景更广阔
2.内容能被更广泛的设备访问
3.更容易被搜索引擎搜索
4.降低网站流量费用
5.使网站更易于维护
6.提高页面浏览速度
从而达到了一个互相理解的目的！相当于就是给大家一个通用的交流语言！

web标准：w3c（Recommendations）
结构（Structure）：结构化标准主要包括XHTML和XML
表现（Presentation）：表现标准语言主要包括CSS
行为度（Behavior）：行为标准主要包括（如W3C DOM）、ECMAScript等
这些标准大部分是W3C起草发布，也有一是其他标准组织制定的标准

emmm~
好了，差不多科普的也差不多了！
现在开始就开始正文了！
刚刚也了解到web的根本要素之一就是一个网页了！现在开始就开始了解一个网页吧！

网页构成最基本就是由下边5大元素构成：
文字
图片
音频
视频
链接

展示一下简单的HTML格式标准！
下边是基础html文件的结构：

<!-- 声明网页为符合w3c标准的HTML5格式 有助于浏览器正确的显示网页 -->
<!DOCTYPE html>
<!-- 网页的根元素 标志着网页的开始 -->
<html>
 <!-- 网页的头部 -->
 <head>
 <!-- 声明网页的编码格式为utf-8 -->    
 <meta charset="utf-8">
 <!-- 网页的标题 --> 
 <title>文本格式标签</title>
 <!-- 网页头部结束 --> 
</head>
<!-- 网页的主体内容部分 -->
<body>
 <h1>1号标题标签 header1 理论上一个网页中只出现一次</h1>
 <h2>2号标题标签 header2 尽量少用</h2>
 <h3>3号标题标签 header3 可以多用</h3>
 <h4>4号标题标签 header4</h4>
 <h5>5号标题标签 header5</h5>
 <h6>6号标题标签 header6</h6>
 <p>段落标签 paragraph</p>
 <span>文本标签 span</span>
 <!--br为换行标签-->
 <br />
 <!--hr为分割标签-->
 <hr />
 <b>字体加粗 b bold</b>
 <i>斜体字 i italic</i>
 <u>下划线 u underline</u>
 <del>删除线 del delete</del>
 <small>小号字 small</small>
 
 <!-- 标签分为：块标签和行内标签/内联元素
 块标签：自己独占一块（行）占满一行会自动换行
 行内标签：一行可以出现n个到被占满，换行
 块标签可以嵌套(包含)行标签   行标签不可以包含块标签
 注意：p标签不可以嵌套p标签，否则会出问题 -->
 
 <!-- p paragraph 段落标签默认不附加任何格式 -->
 <p>
 你
 好
 吗
 ？
 </p>
 <!-- pre  preformatted  文本预格式化标签  原样输出-->
 <pre>
 你
 好
 吗
 ？
 </pre>
 <!--img 是插入图片（后边跟着图片元素），src添加图片位置元素，alt添加图片注释元素-->
 <img 
 src="http://attach.bbs.miui.com/forum/201310/19/235356fyjkkugokokczyo0.jpg" 
 alt="插入了一张图片"
 >