前端入门学习，就从html初始！
<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><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;">1.计算机 ；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.文本编辑器-用来编写代码例如vscoe\sublime\webStorm\dreamweaver\hbuilder\记事本…等等；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.浏览器-用来测试你的代码；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.图像编辑器-用来编辑你的网页所<span style="color: black;">必须</span>的图像；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.版本<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>分为三大类：html (搭建页面结构)、css（为网页修饰美容） 、javaScript（为网页添加<span style="color: black;">行径</span>功能).</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">不说多的，就从html<span style="color: black;">起始</span>，官方定义：用于定义一个网页结构的基本技术。HTML 用于<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;">HTML文件<span style="color: black;">一般</span>会以.htm或.html为扩展名。用户<span style="color: black;">能够</span>从web服务器中下载，并<span style="color: black;">运用</span>任一web浏览器来解析和<span style="color: black;">表示</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 文档是<span style="color: black;">包括</span>多个 HTML 元素 的文本文档。<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><span style="color: black;">包括</span>文本，这些标签<span style="color: black;">叫作</span>为空标签，如<img>。</p>标签元素<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1 HTML标签：<span style="color: black;">功效</span>所有HTML中标签的一个根节点。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2 head标签：<span style="color: black;">功效</span>：用于存放：title,meta,base,style,script,link<span style="color: black;">重视</span>在head标签中<span style="color: black;">咱们</span><span style="color: black;">必要</span>要设置的标签是title</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.title标签：<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;">4.body标签：<span style="color: black;">功效</span>：页面在的主体部分，用于存放所有的HTML标签：p,h,a,b,u,i,s,em,del,ins,strong,img</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-7038fd447b356de4d90b1e44e75ef5dc_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;">在HTML中有两种你<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>为行内元素）。</p>块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出<span style="color: black;">此刻</span>新的一行，其后的内容<span style="color: black;">亦</span>会被挤到下一行展现。块级元素<span style="color: black;">一般</span>用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但<span style="color: black;">能够</span>嵌套在其它块级元素中。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">块内元素特征：(1)能够识别宽高 ；(2)margin和padding的上下<span style="color: black;">上下</span>均对其有效；(3) <span style="color: black;">能够</span>自动进行换行 ；（4）多个块状元素标签写在<span style="color: black;">一块</span>，默认<span style="color: black;">摆列</span>方式为从上至下；</p>内联元素<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>出<span style="color: black;">此刻</span>一堆文字之间例如超链接元素<a><span style="color: black;">或</span>强调元素<em>和 <strong><p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">行内元素特征：(1)设置宽高<span style="color: black;">没</span>效 ；(2)对margin仅设置<span style="color: black;">上下</span>方向有效，上下<span style="color: black;">没</span>效；(3) 不会自动进行换行</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">如图所示，<div>与<p>均是块级元素，<span style="color: black;">独霸</span>一行，<span><img><a>为行内元素，这三个元素展示在了同一行</p>
楼主听话，多发外链好处多，快到碗里来！外链论坛 http://www.fok120.com/
页:
[1]