2020-10-03 html 01

    科技2022-07-10  141

    学习目标:

    1.认识Wed 2.了解标签

    学习内容:

    1)前端包含了三个核心技术: HTML(结构),CSS(行为),JavaScript(表现) HTML–超文本标记语言 (Hyper Text Markup Language)将元素进行定义,CSS–级联样式表(Cascading Style Sheet)对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。

    2)主流浏览器及其内核: ①Internet Explorer 简称ie,微软公司旗下浏览器。各种兼容问题是前端开发必学的基础知识。 IE浏览器内核:Trident内核,也是俗称的IE内核。

    ②欧朋(Opera),挪威厂商opera旗下浏览器,该公司还在研发另一款浏览器opera next。 优点:速度快,占用系统资源少,效率高,功能新颖。 Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核。

    ③苹果(Safari)苹果电脑御用浏览器(也提供了Windows版本)简洁、柔滑的外观安全性很高。 Safari浏览器内核:Webkit内核。

    ④火狐(Firefox) 开源速度快安全性高扩展性强该浏览器对前端开发来说用来对js的debug很方便,功能很全。 Firefox浏览器内核:Gecko内核,俗称Firefox内核。

    ⑤谷歌(Chrome) 设计简洁易用运行稳定载入页面速度快个人认为该浏览器是前端开发使用最方便、最好用的浏览器。 Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核。 (Chrome是目前市场份额最大的浏览器)

    非主流浏览器: 360浏览器、猎豹浏览器的内核:IE+Chrome双内核; 搜狗、遨游、QQ浏览器的内核:Trident(兼容模式)+Webkit(高速模式); 百度浏览器、世界之窗的内核:IE内核; 2345浏览器内核:以前是IE内核,现在也是IE+Chrome双内核;

    3)常用标签 1.html骨架:

    ```html <html> <head> <title> </title> </head> <body> </body> </html> 2.*双标 签* 其中/为关闭符 如 ```html <body> </body>

    3.单标签

    <br/>

    4.标签的关系 嵌套关系 如·

    <head> <title></title> </head>

    并列关系 如

    <head></head> <body></body>

    5.标题标签

    <h1></h1>~<h6></h6>

    6.段落标签

    <p></p>

    7.分隔线标签

    <hr/>

    8.换行标签

    <br/>

    9.div和span标签都是盒子,没有语义,用来装网页元素 一行只能放一个div 一行可以放多个span

    10.文本格式化标签 粗体——<strong></strong>(强调) 斜体——<em></em> 加删除线——<del></del> 加下划线——<ins></ins>

    Processed: 0.019, SQL: 8