基础HTML1

最新推荐文章于 2022-03-07 17:07:36 发布

营养快线121号

最新推荐文章于 2022-03-07 17:07:36 发布

阅读量871

点赞数

分类专栏：前端知识文章标签： HTML基础知识

本文链接：https://blog.csdn.net/TDFSFSF/article/details/101480112

版权

这篇博客介绍了HTML的基础知识，包括开发工具如Chrome、Sublime等，浏览器内核如Trident、WebKit等，以及Web标准的重要性。此外，详细讲解了HTML的结构、锚点定位、base标签、特殊字符、路径和表格的使用。

摘要由CSDN通过智能技术生成

1、开发工具
chrome谷歌
sublime编译器 DW Huilder WebStorm VS code
Photoshop ps软件：熟练的切图，设计海报做电商和UI
浏览器是网页显示运行的平台常用的：firfox chrome 微软的IE浏览器和Edge浏览器、opera浏览器、safari浏览器等
网页主要由文字、图像和超连接等元素构成，还包含音频、视频、flash等

2、浏览器的内核渲染引擎或JS引擎
Trident IE内核
Gecko 火狐
webkit safari浏览器
chromium\blink 谷歌
Presto opera浏览器
移动端使用率最高的就是；webkit内核
ios使用safari或者是trident
3、web的标准
web标准的好处
让weeb的发展前景更广阔
内容能被更广泛的设备访问
更容易被搜寻引擎搜索
降低网站流量的费用
使网站已于哦维护
提高页面浏览速度
web标准的构成（w3c和其他标准组织指定的集合）
结构Structure
表现Presentation
行为behavior

    结构标准：结构用于对网页元素进行整理和分类，html
    表现标准：表现用于设置网页元素的版式，css
    行为标准：行为是指网页模型的定义及交互的编写，JavaScript

课堂练习
    1、关于web标准下列说法正确的是：C
        A html决定页面的行为，css决定页面的样式、js决定页面的结构
        B html决定页面的样式，css决定页面的结构、js决定页面的行为
        C html决定页面的结构，css决定页面的样式、js决定页面的行为
        D 以上都不正确
    2、web标准里面规定三层分离不包括哪部分？D
        A html
        B CSS
        C JavaScript
        D PHP
    3、关于web标准下列说法正确的是B
        A html相当于人的动作行为，css相当于人的穿着打扮，JavaScript相当于人的骨架结构
        B html相当于人的骨架结构，css相当于人的穿着打扮，JavaScript相当于人的动作行为
        C html相当于人的穿着打扮，css相当于人的骨架结构，JavaScript相当于人的动作行为
        D html相当于人的骨架结构，css相当于人的动作行为，JavaScript相当于人的穿着打扮

4、html
html 超文本标记语言
html是一种标记语言，不是编程语言
html骨架格式

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8" />
            <title>test</title>
        </head>
        <body>
            
        </body>
    </html>

    charset="UTF-8"设置字符集
        gb2312简体中文
        BIG5繁体中午呢
        GBK包括中文字符
    <!DOCTYPE html>声明文档类型
html的标签分类  
    双标签 <标签名>内容</标签名> <h1>hello world</h1>
    单标签（空标签） </标签名>   <br/>
html的常用标签
    排版标签：主要和css搭配使用
    标题标签：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
    段落标签：<p>文本内容</p>
    水平线标签：<hr>
    换行标签：<br>
    文本格式化标签：加粗<b></b><strong></strong>、文字斜体<i></i><em></em>、加删除线<s></s><del></del>、加下划线<u></u><ins></ins>(b i s u只有使用没有强调的意思，strong em del ins语义更强烈)
    图像标签：<img src="图片上传路径" alt="当图片加载不出来时显示的文字" title="鼠标悬停时现实的