时间：2023-07-22 17:24:02 | 来源：网站运营
时间：2023-07-22 17:24:02 来源：网站运营
Web开发-阿里云-HTML+CSS-HTML入门与实战：欢迎回来，我是饕餮，或者叫我offer，当然也可以叫我的英文名字-gluttony！前端的学习来说，前期的学习还是比较简单的,所以要加油啦~！
在线咨询
IE内核) 国内很多的双核浏览器的其中一核便是 Trident，美其名曰"兼容模式"。 双核之一； Gecko(Firefox 内核): MoillaFireFox(火狐浏览器)采用该内核，Gecko 的特点是代码完全公开（开源大法），因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。 Safari 是苹果公司开发的浏览器，所用浏览器内核 WebKit 。虽然 chrome 内核已经是 blink代表浏览器︰傲游浏览器3、Apple Safari (Win/Mac/iPhone/iPad)、Symbian 手机浏览器、Android 默认浏览器大部分国产浏览器最新版都采用 Blink 内核。
目前移动设备浏览器上常用的内核有 Webkit，Blink，Trident , Gecko 等，其中iPhone 和 iPad 等苹果 ioS 平台主要是 WebKit,Android 4.4 之前的 Android 系统浏览器内核是 WebKit，Android4.4 系统浏览器切换到了 Chromium，内核是Webkit 的分支 Blink，Windows Phone 8 系统浏览器内核是 Trident。2.1.3 web 标准
传智播客四个字被加粗，是因为有<>兼括号的存在，而<>就属于一个标签，简而言之，HTML就是用文本来表示带有特殊标签的一种,而 strong 标签正是加粗。2.2.3 HTML 骨架格式
<html>开始，</html>结束，将<title>和</title>放在<head>和</head>中间，<body>和</body>放在</head>之后。 </br>。 HTML 标签：作用所有 html 中标签的一个根节点；<html>、<head> 、<body>都是HTML标签。所谓标签就是放在"<>"标签符中表示某个功能的编码命令，也称为HTML标签或HTML元素。
<body>我是内容</body>，<body>是标签开始部分,</body>为标签结束部分</br>,单标签数量较少。标签关系分为两种，嵌套和并列；
<head></head><body></body> <strong><div></div></strong><head><title></head></title> 正确格式：<head><title></title></head><body><div></div></body> 统一口径：如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位。如果是并列关系，最好上下对齐。养成严格的缩进是一个良好的习惯！例如：
Sublime的最大优势为：快速开发
<!DOCTYPE html>的作用：表示我们使用的是何html版本。——html：5的版本<!DOCTYPE>标签位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范，必需在开头使用<!DOCTYPE >标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能按指定的文档类型进行解析。注意：一些老网可能用的还是老版本的文档类型比如XHTML之类的,但是HTMLS的文档类型兼容性很好。2.2.10 字符集简介
<meta charset=“UTF-8”>的作用：charset表示字符集,UTF-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。GB2312，简单中文，包括6763个汉字，BLG5，繁体中文，港澳台等用，GBK包括全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312；UTF-8则包括全世界所有国家需要用到的字符使用UTF-8字符集，可以避免出现字符集不统一而引起乱码的情况。这是一个良好的习惯。2.2.11 标签语义化和标题标签
语义化是否良好，去掉CSS之后，网页结构依然组织有序，具备良好的可读性；
html 和 CSS 完全不同；排版标签主要和 CSS 搭配，显示网页结构的标签，网页布局最常用的标签； 标题标签： 单词缩写：head 头部、标题 为了网页的语义化，经常使用到标题标签， HTML 提供了六个等级的标题，即：
<h1>,<h2>,<h3>,<h4>,<h5>和<h6>。 标题标签语义：作为标题使用，根据重要性递减； 格式：<h2>二级标题</h2> <h7>显示原来的等级，所以最小等级标题为<h6>;<p>文本内容</p> <p>是 HTML 文档中最常用的标签，默认情况下，文本在一个段落中会根据浏览器窗口大小自动换行。 <html lang="en"> <head> <meta charset="utf-8"></ head> <body> <h1>40.6摄氏度:杭州创出140年气象史上高温新纪录</h1> <p>2016年7月27日10:58:26 来源:新华网</p> <hr /> <p>新华网杭州7月26日电（记者李荣）26日13时36分至47分这一时间段，杭州徐家汇气象观测站测得当日最高温达40．6摄氏度。这是杭州有气象记录以来140年的高温新纪录，打破了此前19 3 4年创下的40.2摄氏度的历史极值。</p> <p>杭州已经连续2天发出了最高等级的红色高温警报。杭州中心气象台首席服务官满莉萍说，今年副热带高压强度特别强，对杭州及江南地区的控制“实在太稳定了”，整个7月份基本上都处在它的势力范围之内。25日杭州已出现了气象史上7月份“第四高”的高温值，这使得26日的“基础”气温就很高，超过了30摄氏度，然后不断地升温。此外，26日白天风小，又吹的是西南风，特别是在中午之后这一个最易出现高温的时段，光照又比较强，所以气温“直线飙升，一举冲破历史极值，出现了“创纪录”的极端酷暑天。</p> <p>在杭州历史上，出现40摄氏度以上极端高温的几率并不大。根据相关资料，中心城区徐家汇观测站140年来仅出现了5次记录，除了这一次的新纪录，还有就是1934年7月12日的4 0﹒2摄氏度;</p> <p>1934年8月25日、2009年7月20日、2010年8月13日的40摄氏度。由于气温实在太高，杭州26日下午不少地区出现了热对流天气。气象台说，首先是浦东地区，下起了热雷雨。到15时05分，全市大部分地区出现了分散性的雷电活动和热雷雨，中心城区徐家汇等地都响起了隆隆的雷声。</p></body> </html>2.3.3 换行和div span标签这时如果还像在word中直接敲回车键换行就不起作用了。其中
<br />就是换行标签的符号，具体操作如下：<! DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> < / head> <body> <h3>------------中国四大美女---------<h3> 1， 貂蝉<br /> 2， 王昭君<br /> 3， 杨玉环<br /> 4， 凤姐思密达<br />< / body> < / html> <div>头部</div> <span>今日价格</span> <! DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"> < / head> <body> <h3>------------中国四大美女---------<h3> 5， 貂蝉<br /> 6， 王昭君<br /> 7， 杨玉环<br /> 8， 凤姐思密达<br /> Div 标签的使用 <div>我是刘德华</div> Span 标签的使用 <span>我是刘晓庆</span>< / body> < / html>2.3.4 文本格式标签<b> <i> <s> <u> 这一组标签一般不推荐使用，其效果只是起到相应的作用，而后面一组除了起到该有的效果之外，还起到强调的作用。 例如：< ! DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <h3>-------文本格式化标签-------</h3> <b>清蒸班主任</b>,<br /> <strong>油炸小助教.</strong> <br /> <i>糖醋伴导师,</i> <br /> <em>班长要红烧。</em><br /> <hr /> 优惠大促销:原价:<s>1888</s><del>188</del> <br /> 现价:<u> 8.8</u><ins> 0.88</ins>r </ body> < / html>2.3.5 标签属性< ! DOCTYPE html><html lang="en"><head><meta charset="utf-8"></ head><body>要求，水平线的长度(width)为500颜色为红色<hr color="red" width="500"/>标签属性:1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。3. 任何标签的属性都有默认值,省略该属性则取默认值。< / body></ html>一个标签的属性一定要写在这个标签里面去。2.3.6 图像标签
<!DOCTYPE html> <chtml lang="en"> <head> <meta charset="utf-8"></head> <body> br hr img 三个单标签1.基本图像插入方式cbr /> <img src="wo. jpg"/> (br /> 2.带有alt的图像<br /> <img src="wo1. jpg" alt= ”这是我的大头贴"/> <br /> 3.带有title的图像<br /> <img src="wo. jpg" title="刘德华的图像"/> <br /> </body> </html>范例（带有title的图像）：<img src =”wo.jpg “title=”刘德华的图像”width=”_400_ ”/> <br/>Border(设置图像边框)：<img src =”wo.jpg “title=”刘德华的图像”width=”_400_ ”/> <br/>2.3.7 链接标签<h3>友情链接</h3><a href=”[http://www.baidu.com](http://www.baidu.com/)”>百度</a><h3>友情链接：</h3><a href=”[http://www.sina.com](http://www.sina.com/)”>新浪</a>注意： http:// www.baidu.com <a href="index.html">首页</a> <a href = “#live”>3 个人生活</a><br />个人生活正文： Herf=”#live” <h3 id=”live”>个人生活</h3> <hr />假如想要找到xxx的“演艺经历”<a href = “#live”>3 演艺经历</a><br />演艺经历正文：Herf=”#live”<h3 id=”live”>个人生活</h3><hr /> 2.3.9 base 标签 <a href = “http://www.baidu.com/” target=”_blank”>百度</a>（现1）<base target=”_blank”/> <a href = “http://www.baidu.com/” target=”_blank”>百度</a>与<base target=”_blank”/>同时存在，各行使各的职责。 ；（几个空格输几个）即可<p>段落</p><li>,先写四个有序列表会根据你写的顺序放在第一位可以改成罗马数字;2.3.16 四大名著案例
<h1>保存一下，再刷新<ul>,跟<li>连用。来自黑马程序员的教程；2.3.17 自定义列表
<dl>,之后按回车，编辑杭州，编辑<dd>，下面<dd>围绕<dt>;本文素材来源于网络，如有侵权请联系作者予以删除！
关键词：入门,实战
