nykek5i 发表于 2024-6-29 17:18:45

快速认识前端研发HTML的正确姿势

摘要：web前端<span style="color: black;">研发</span>（<span style="color: black;">亦</span><span style="color: black;">叫作</span>为客户端<span style="color: black;">研发</span>）<span style="color: black;">重点</span>是<span style="color: black;">经过</span>html，CSS和JavaScript等前端技术，实现网站在客服端的正确<span style="color: black;">表示</span>及交互功能。<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>web标准介绍</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">web标准：</p>w3c：万维网联盟组织，用来制定web标准的<span style="color: black;">公司</span>（组织）web标准：制作网页遵循的规范web标准规范的<span style="color: black;">归类</span>：结构标准、表现标准、<span style="color: black;">行径</span>标准。结构：html。<span style="color: black;">暗示</span>：CSS。<span style="color: black;">行径</span>：JavaScript。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">总结说明：</p>结构标准：相当于人的骨架。html<span style="color: black;">便是</span>用来制作网页的。表现标准： 相当于人的衣服。CSS<span style="color: black;">便是</span>对网页进行美化的。<span style="color: black;">行径</span>标准： 相当于人的动作。JS<span style="color: black;">便是</span>让网页动起来，<span style="color: black;">拥有</span>生命力的<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span><span style="color: black;">大众</span>还不明白，请看下图</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-3e7463d6e0e560c6716f5dee0f8a90c5_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>浏览器介绍</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox)、谷歌（Chrome）、猎豹浏览器、Safari和Opera等</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-5ff7ac464f6356705a4fd3642a013af4_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">浏览器内核：</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-cc234eea522d3cba1f3702c60fdd4f8f_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">PS：「浏览器内核」<span style="color: black;">亦</span><span style="color: black;">便是</span>浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器<span style="color: black;">怎样</span><span style="color: black;">表示</span>网页的内容以及页面的格式信息。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">总结：渲染引擎是兼容性问题<span style="color: black;">显现</span>的<span style="color: black;">基本</span><span style="color: black;">原由</span>。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span><span style="color: black;">研发</span><span style="color: black;">工具</span>介绍</h2>Sublime Text的<span style="color: black;">运用</span> Visual Studio Code编辑器WebStormPyCharm.....<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">4、</span>html介绍</h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">1、html概念</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html全<span style="color: black;">叫作</span>HyperText Markup Language，翻译为超文本标记语言，它不是一种编程语言，是一种描述性的标记语言，用于描述超文本内容的<span style="color: black;">表示</span>方式。<span style="color: black;">例如</span>字体、颜色、<span style="color: black;">体积</span>等。</p>超文本：音频，视频，<span style="color: black;">照片</span><span style="color: black;">叫作</span>为超文本。标记 ：&lt;英文单词<span style="color: black;">或</span>字母&gt;<span style="color: black;">叫作</span>为标记，一个HTML页面都<span style="color: black;">是由于</span><span style="color: black;">各样</span>标记<span style="color: black;">构成</span>。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">功效</span>：HTML是负责描述文档语义的语言。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">重视</span>：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(<span style="color: black;">无</span>编译过程)，HTML页面直接由浏览器解析执行。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML只是负责描述文档语义的语言,在html中，除了语义，其他什么都<span style="color: black;">无</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html是一</p>




页: [1]
查看完整版本: 快速认识前端研发HTML的正确姿势