1.基本骨架
HTML文件最基本的四个标签,组成了网页的基本骨架,包括:、
、
、<body>四组标签。</p>
<p>① <html>标签</p>
<p>作用:定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在<html>标签内部。</p>
<p>② <head>标签</p>
<p>作用:用于存放<title>,<meta>,<base>,<style>,<script>,<link>。内部用于对网页的设置,除了<title>内部的文字,其他标签都不显示在浏览器上。 注意在<head>标签中我们必须要设置的标签是title。</p>
<p>③ <title>标签</p>
<p>作用1:让页面拥有一个属于自己的标题。</p>
<p>作用2:title中的关键字可以作为搜索引擎抓取时的关键字,提高SEO搜索引擎优化。</p>
<p>作用3:内部的内容会显示在搜索结果的标题部分。</p>
<p>作用4:作为浏览器收藏夹默认的网页标题。</p>
<p>建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字。</p>
<p>④ <body>标签</p>
<p>作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签<p>,<h1>,<a>,<div>等。</p>
<p><body>内部的元素内容会显示在浏览器的窗口中。</p>
<p>2. DTD</p>
<p>① 什么是DTD</p>
<p>• 完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition,简称DTD。也称作文档声明类型,DocType Declaration。</p>
<p>• 作用:告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面。</p>
<p>② 不同版本的DTD</p>
<p>（1） XHTML1.0版本</p>
<p><!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ></p>
<p>（2） HTML5版本</p>
<p><!DOCTYPE html></p>
<p>3.命名空间</p>
<p>① <html>元素表示整个网页文档,在开始标签上设置了命名空间xmlns属性。</p>
<p>② XHTML1.0版本</p>
<p><html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en" ></html></p>
<p>③ HTML5版本</p>
<p><html lang="en" ></html></p>
<p>④命名空间xmlns</p>
<p>（1） xml:可扩展标记语言,使用在传输过程中的规范。被设计用来传输和存储数据,是html的补充。</p>
<p>（2） xmlns:全称叫做XML NameSpace,NameSpace叫做命名空间,浏览器会将此命名空间</p>
<p>用于该属性所在元素内的所有内容。</p>
<p>(3) <html>元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突,这个标准使用的就是一个固定的网址<a rel="nofollow noopener noreferrer" href="http://www.w3.org/1999/xhtml中的规范。">http://www.w3.org/1999/xhtml中的规范。</a></p>
<p>⑤语言</p>
<p>（1）xml:lang="en" 和lang="en" 表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的。</p>
<p>（2） lang=" zh-cn" 表示中文(中国)</p>
<p>4.字符集</p>
<p>①字符集</p>
<p>（1） <head>标签内部的<meta>标签通过http-equiv属性定义了当前的网页所使用的字符编码。</p>
<p>（2） char:character,字符。set:集合。</p>
<p>（3） XHTML1.0版本</p>
<p><meta http-equiv=" Content-Type" content=" text/html;charset=UTF-8" ></p>
<p>（4） HTML5版本</p>
<p><meta charset=" UTF-8" ></p>
<p>②字符集常见问题</p>
<p>使用情况建议:</p>
<p>（1）如果没有网页加载速度要求,或者制作的是外文网站,使用utf-8。</p>
<p>（2）如果含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk。</p>
<p>注意:meta标签声明的字库,必须和编辑器软件默认编译字库相同,否则会出现两个字库不匹配,浏览器加载时出现乱码。</p></div></div><div class="MuiGrid-root jss8 MuiGrid-item MuiGrid-grid-xs-true MuiGrid-grid-md-3"><div class="MuiTypography-root jss26 MuiTypography-body1"><div class="MuiTypography-root jss27 MuiTypography-body1"><canvas style="height:108px;width:108px" height="108" width="108"></canvas><div class="MuiTypography-root jss28 MuiTypography-body1"><p class="MuiTypography-root jss29 MuiTypography-body1">手机扫一扫</p><p class="MuiTypography-root jss29 MuiTypography-body1">移动阅读更方便</p></div></div></div><div class="MuiTypography-root jss9 MuiTypography-body1"><div class="MuiTypography-root jss30 MuiTypography-body1" style="height:150px"><div class="swiper-container jss32"><div class="swiper-pagination"></div><div class="swiper-wrapper"><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/aliyun"><img alt="阿里云服务器" class="jss31" src="https://article.cdnof.com/promotion/aliyun.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/tencent"><img alt="腾讯云服务器" class="jss31" src="https://article.cdnof.com/promotion/tencent.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/qiniu"><img alt="七牛云服务器" class="jss31" src="https://article.cdnof.com/promotion/qiniu.png"/></a></div></div></div></div></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiTypography-root jss33 MuiTypography-body1"><p class="MuiTypography-root jss34 MuiTypography-body1">你可能感兴趣的文章</p><div class="MuiList-root MuiList-padding" aria-label="main mailbox folders"><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorError" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/5fbb9b12-8985-4966-909c-dab5b3e184f6">CSS简单介绍及应用</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/894128d9-dce0-4c87-85bc-1a91f3cc3325">我的第一个Python爬虫——谈心得</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorSecondary" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/9c9f8c71-17a7-428d-a450-0980ee984c58">Html中br和p标签的换行区别</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">4</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/75c93e50-eed8-4de0-8385-d85abe0451d7">web前端常用开发工具排行：8款html开发工具推荐下载</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">5</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/9a943d78-533d-4613-93c2-2c74fc4f8345">104道 CSS 面试题，助你查漏补缺</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">6</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/d1c643d7-a3af-4e60-b81f-a284ceee6f2f">再次分享我收藏的技术站点，主要是Python和PHP的</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">7</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/515feaea-764a-42af-beaf-ce2f1d2f4e26">angularjs1.6.x实例教程</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">8</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/b405ee14-9362-4bd1-b7be-4488a94d2bea">AngularJS 1.x版本 学习教程</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">9</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/49b60718-f50c-4608-90c2-0c322ff496f5">10个很棒的AngularJS教程来启动您的Web编程项目</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">10</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/fdac7656-2a0a-4bbb-93fb-d62af8fe0bdd">06集合-AngularJS基础教程</a></div></div></div></div></div></div></div></div><footer style="margin-top:30px"><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter">Copyright © <a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" href="https://v2as.com" title="哇哦，有大量工具等你探索">V2AS | 问路</a> <!-- -->2023<!-- --> <!-- -->.</p><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" rel="nofollow noopener noreferrer" href="https://beian.miit.gov.cn/">浙ICP备15029886号</a></p></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"article_id":"8d395dd3-3954-4fd4-9f8c-c937bf579b83","title":"HTML 网页开发、CSS 基础语法——六. HTML基本结构","link":"","description":"1.基本骨架\nHTML文件最基本的四个标签,组成了网页的基本骨架,包括:\u003chtml\u003e、\n\u003chead\u003e、\u003ctitle\u003e、\u003cbody\u003e四组标签。\n① \u003chtml\u003e标签\n作用:定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在\u003chtml\u003e标签内部。\n② \u003chead\u003e标签\n作用:用于存放\u003ctitle\u003e,\u003cmeta\u003e,\u003cbase\u003e,\u003cstyle\u003e,\u003cscript\u003e,\u003clink\u003e。内部用于对","image":"","keywords":["标签","HTML","CSS","网页","html","语法","1.","http","浏览器","head"],"created_at":"2022-04-05T23:28:26.485Z","html":"\u003cp\u003e1.基本骨架\u003c/p\u003e\n\u003cp\u003eHTML文件最基本的四个标签,组成了网页的基本骨架,包括:\u003chtml\u003e、\u003c/p\u003e\n\u003cp\u003e\u003chead\u003e、\u003ctitle\u003e、\u003cbody\u003e四组标签。\u003c/p\u003e\n\u003cp\u003e① \u003chtml\u003e标签\u003c/p\u003e\n\u003cp\u003e作用:定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在\u003chtml\u003e标签内部。\u003c/p\u003e\n\u003cp\u003e② \u003chead\u003e标签\u003c/p\u003e\n\u003cp\u003e作用:用于存放\u003ctitle\u003e,\u003cmeta\u003e,\u003cbase\u003e,\u003cstyle\u003e,\u003cscript\u003e,\u003clink\u003e。内部用于对网页的设置,除了\u003ctitle\u003e内部的文字,其他标签都不显示在浏览器上。\u0026nbsp;注意在\u003chead\u003e标签中我们必须要设置的标签是title。\u003c/p\u003e\n\u003cp\u003e③ \u003ctitle\u003e标签\u003c/p\u003e\n\u003cp\u003e作用1:让页面拥有一个属于自己的标题。\u003c/p\u003e\n\u003cp\u003e作用2:title中的关键字可以作为搜索引擎抓取时的关键字,提高SEO搜索引擎优化。\u003c/p\u003e\n\u003cp\u003e作用3:内部的内容会显示在搜索结果的标题部分。\u003c/p\u003e\n\u003cp\u003e作用4:作为浏览器收藏夹默认的网页标题。\u003c/p\u003e\n\u003cp\u003e建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字。\u003c/p\u003e\n\u003cp\u003e④ \u003cbody\u003e标签\u003c/p\u003e\n\u003cp\u003e作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签\u003cp\u003e,\u003ch1\u003e,\u003ca\u003e,\u003cdiv\u003e等。\u003c/p\u003e\n\u003cp\u003e\u003cbody\u003e内部的元素内容会显示在浏览器的窗口中。\u003c/p\u003e\n\u003cp\u003e2. DTD\u003c/p\u003e\n\u003cp\u003e① 什么是DTD\u003c/p\u003e\n\u003cp\u003e• 完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition,简称DTD。也称作文档声明类型,DocType Declaration。\u003c/p\u003e\n\u003cp\u003e• 作用:告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面。\u003c/p\u003e\n\u003cp\u003e② 不同版本的DTD\u003c/p\u003e\n\u003cp\u003e（1） XHTML1.0版本\u003c/p\u003e\n\u003cp\u003e\u003c!DOCTYPE html PUBLIC \" -//W3C//DTD XHTML 1.0 Transitional//EN\"\u0026nbsp;\" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\" \u003e\u003c/p\u003e\n\u003cp\u003e（2） HTML5版本\u003c/p\u003e\n\u003cp\u003e\u003c!DOCTYPE html\u003e\u003c/p\u003e\n\u003cp\u003e3.命名空间\u003c/p\u003e\n\u003cp\u003e① \u003chtml\u003e元素表示整个网页文档,在开始标签上设置了命名空间xmlns属性。\u003c/p\u003e\n\u003cp\u003e② XHTML1.0版本\u003c/p\u003e\n\u003cp\u003e\u003chtml xmlns=\" http://www.w3.org/1999/xhtml\" xml:lang=\"en\" \u003e\u003c/html\u003e\u003c/p\u003e\n\u003cp\u003e③ HTML5版本\u003c/p\u003e\n\u003cp\u003e\u003chtml lang=\"en\" \u003e\u003c/html\u003e\u003c/p\u003e\n\u003cp\u003e④命名空间xmlns\u003c/p\u003e\n\u003cp\u003e（1） xml:可扩展标记语言,使用在传输过程中的规范。被设计用来传输和存储数据,是html的补充。\u003c/p\u003e\n\u003cp\u003e（2） xmlns:全称叫做XML NameSpace,NameSpace叫做命名空间,浏览器会将此命名空间\u003c/p\u003e\n\u003cp\u003e用于该属性所在元素内的所有内容。\u003c/p\u003e\n\u003cp\u003e(3) \u003chtml\u003e元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突,这个标准使用的就是一个固定的网址\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3.org/1999/xhtml中的规范。\"\u003ehttp://www.w3.org/1999/xhtml中的规范。\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e⑤语言\u003c/p\u003e\n\u003cp\u003e（1）xml:lang=\"en\" 和lang=\"en\" 表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的。\u003c/p\u003e\n\u003cp\u003e（2） lang=\" zh-cn\" 表示中文(中国)\u003c/p\u003e\n\u003cp\u003e4.字符集\u003c/p\u003e\n\u003cp\u003e①字符集\u003c/p\u003e\n\u003cp\u003e（1） \u003chead\u003e标签内部的\u003cmeta\u003e标签通过http-equiv属性定义了当前的网页所使用的字符编码。\u003c/p\u003e\n\u003cp\u003e（2） char:character,字符。set:集合。\u003c/p\u003e\n\u003cp\u003e（3） XHTML1.0版本\u003c/p\u003e\n\u003cp\u003e\u003cmeta http-equiv=\" Content-Type\" content=\" text/html;charset=UTF-8\" \u003e\u003c/p\u003e\n\u003cp\u003e（4） HTML5版本\u003c/p\u003e\n\u003cp\u003e\u003cmeta charset=\" UTF-8\" \u003e\u003c/p\u003e\n\u003cp\u003e②字符集常见问题\u003c/p\u003e\n\u003cp\u003e使用情况建议:\u003c/p\u003e\n\u003cp\u003e（1）如果没有网页加载速度要求,或者制作的是外文网站,使用utf-8。\u003c/p\u003e\n\u003cp\u003e（2）如果含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk。\u003c/p\u003e\n\u003cp\u003e注意:meta标签声明的字库,必须和编辑器软件默认编译字库相同,否则会出现两个字库不匹配,浏览器加载时出现乱码。\u003c/p\u003e"},"seo":{"title":"HTML 网页开发、CSS 基础语法——六. HTML基本结构","description":"1.基本骨架\nHTML文件最基本的四个标签,组成了网页的基本骨架,包括:\u003chtml\u003e、\n\u003chead\u003e、\u003ctitle\u003e、\u003cbody\u003e四组标签。\n① \u003chtml\u003e标签\n作用:定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在\u003chtml\u003e标签内部。\n② \u003chead\u003e标签\n作用:用于存放\u003ctitle\u003e,\u003cmeta\u003e,\u003cbase\u003e,\u003cstyle\u003e,\u003cscript\u003e,\u003clink\u003e。内部用于对","image":"","url":"https://v2as.com/article/8d395dd3-3954-4fd4-9f8c-c937bf579b83","keywords":["标签","HTML","CSS","网页","html","语法","1.","http","浏览器","head"]},"viewsCount":1,"promotionList":[{"title":"阿里云服务器","image":"https://article.cdnof.com/promotion/aliyun.jpg","link":"https://qd.rs/aliyun"},{"title":"腾讯云服务器","image":"https://article.cdnof.com/promotion/tencent.jpg","link":"https://qd.rs/tencent"},{"title":"七牛云服务器","image":"https://article.cdnof.com/promotion/qiniu.png","link":"https://qd.rs/qiniu"}],"similarKeywordsList":[{"article_id":"5fbb9b12-8985-4966-909c-dab5b3e184f6","title":"CSS简单介绍及应用","link":"","description":"CSS的简介\n概述: Cascading Style Sheets, 层叠样式表.\n\n作用:\n 用来美化页面的.\n\n分类:\n 行内样式: //直接写在元素(html的标签)中的样式.\n\n 内部样式: //写在\u003chead\u003e标签的,\u003cstyle\u003e标签中.\n\n 外部样式: //写在后缀名为.css的文件中.\n\nCSS的引入方式之: 行内样式.\n格式:\n \u003c","image":"","keywords":["属性","ac","选择器","CSS","referer","document","简单","样式","标签","元素"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"894128d9-dce0-4c87-85bc-1a91f3cc3325","title":"我的第一个Python爬虫——谈心得","link":"","description":"2018年3月27日，继开学以来，开了软件工程和信息系统设计，想来想去也没什么好的题目，干脆就想弄一个实用点的，于是产生了做“学生服务系统”想法。相信各大高校应该都有本校APP或超级课程表之类的软件，在信息化的时代能快速收集/查询自己想要的咨询也是种很重要的能力，所以记下了这篇博客，用于总结我所学到的东西，以及用于记录我的第一个爬虫的初生。 \n\n\n 文章目录\n 一、做爬虫所需要的基础二、介绍几款优","image":"https://article.cdnof.com/2104/29c656d4-27a9-4c26-9d0c-209b80514874.jpg","keywords":["爬虫","var","Python","请求","csdn","url","网页","表单","import","https"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"9c9f8c71-17a7-428d-a450-0980ee984c58","title":"Html中br和p标签的换行区别","link":"","description":"br与p标签区别，br和p标签认识之div+css开发时候常用换行标签接下来，我们介绍下html中常遇见和常用到的\u003cbr /\u003e和\u003cp\u003e标签之间的区别及用法，以及使用css对他们控制设置属性样式——扩展知识css换行，css不换行。 \n 一、综合介绍\u003cbr\u003e \u003cp\u003e 首先，相同之处是br和p都是有换行的属性及意思。其次，区别\u003cbr /\u003e是只需一个单独使用，而\u003cp\u003e和\u003c/p\u003e是一对使用。再次，br标","image":"https://article.cdnof.com/2104/b6263eec-3490-4e1a-b3a1-65aab3a0124f.png","keywords":["br","标签","换行","var","标记","csdn","html","css","HTML","段落"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"75c93e50-eed8-4de0-8385-d85abe0451d7","title":"web前端常用开发工具排行：8款html开发工具推荐下载","link":"","description":"网站开发一般分为前端和后端两个部分。前端负责实现页面效果，后端主要负责功能开发。一般的开发流程是先由美工或者网页设计师进行网页设计和切图，所谓切图就是将设计好的网页效果图利用html开发工具进行代码实现成网页形式，并且加入一些网页特效。然后交给后端开发人员进行功能开发，一般采用主流的php技术进行开发。 \n那web开发都用什么工具呢？最常用的前端开发工具有哪些呢？本文推荐8款最好用的web前端开发","image":"","keywords":["var","开发工具","strong","web","HTML","前端","csdn","Web","html","https"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"9a943d78-533d-4613-93c2-2c74fc4f8345","title":"104道 CSS 面试题，助你查漏补缺","link":"","description":"来源 | https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md\n \n CSS 面试知识点总结\n 本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！\n 1、介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？\n 相关知识","image":"https://article.cdnof.com/2104/adea809e-79a4-4eee-94dc-798afffe41a6.jpg","keywords":["元素","px","CSS","属性","margin","height","设置","100","浏览器","width"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"d1c643d7-a3af-4e60-b81f-a284ceee6f2f","title":"再次分享我收藏的技术站点，主要是Python和PHP的","link":"","description":"2019独角兽企业重金招聘Python工程师标准\u003e\u003e\u003e \n \n \n Python编程 \n \n 赖勇浩的编程私伙局 \n TechParty:珠三角技术沙龙 | 打造泛珠三角技术圈线上线下交流的平台 \n TopCoder,Inc. \n Code Golf | Home \n 蜻蜓点水 举重若轻 - 沈崴 - 网易博客 \n The Python Challenge \n Project Euler","image":"https://article.cdnof.com/2104/d85245e3-0c80-456a-93a7-78ad44c8c5d2.png","keywords":["博客","var","Python","PHP","python","Django","CSS","csdn","Web","blog"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"515feaea-764a-42af-beaf-ce2f1d2f4e26","title":"angularjs1.6.x实例教程","link":"","description":"AngularJS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 \nAngularJS现行主要区分为2个版本系列，分别是AngularJS1.x和AngularJS2，两个版本间的使用上有不少的区别，虽说AngularJS2是对AngularJS1.x的升级和精简，但在资料","image":"https://article.cdnof.com/2104/e66289f0-53d3-4b99-8179-1db29d7c4b02.jpg","keywords":["ng","var","function","scope","angular","script","div","app","js","http"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"b405ee14-9362-4bd1-b7be-4488a94d2bea","title":"AngularJS 1.x版本 学习教程","link":"","description":"AngularJS \n 被Google收购了，并且应用到Google的很多产品中 \n Google有一个产品，写了17000多行代码，使用AngularJS改版之后，代码1500行代码 \n 应用场景： \n 前后端相分离的应用 HTML JS（PHP）CRUD类型的应用（Create、Read、Update、Delete）SPA（Single Page App：单页面应用）\n AngularJ","image":"https://article.cdnof.com/2104/d66e35a2-77e6-4218-9bd6-ad0e2b45a5cf.png","keywords":["ng","AngularJS","var","csdn","指令","js","教程","自定义","true","使用"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"49b60718-f50c-4608-90c2-0c322ff496f5","title":"10个很棒的AngularJS教程来启动您的Web编程项目","link":"","description":"AngularJS（通常称为“ Angular”或“ Angular.js”）是一个开放源代码的Web应用程序框架，主要由Google以及由个人开发人员和公司组成的社区维护，以解决开发单页应用程序时遇到的许多挑战。 \n 它旨在通过提供客户端模型-视图-控制器（MVC）和模型-视图-视图模型（MVVM）体系结构以及富Internet应用程序中常用组件的框架来简化此类应用程序的开发和测试。 \n ","image":"https://article.cdnof.com/2104/8107e05f-d28b-4fb8-a0a8-23f777db1662.jpg","keywords":["AngularJS","var","Web","应用程序","Angular","教程","csdn","框架","编程","10"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"fdac7656-2a0a-4bbb-93fb-d62af8fe0bdd","title":"06集合-AngularJS基础教程","link":"","description":"0. 目录 \n\n\n \n 目录前言正文\n 1 Set up2 Iteration3 ng-repeat4 Object properties5 index6 ng-init7 Uniqueness\n 71 严格相等 72 track by 8 Callback functions9 -start and -end10 结论 声明 \n \n \n \n1. 前言 \nAngularJS是","image":"https://article.cdnof.com/2104/02a95446-9a95-4b20-8cef-35e3200fa6d6.jpg","keywords":["ng","var","item","repeat","AngularJS","Item","集合","items","td","csdn"],"created_at":"0001-01-01T00:00:00Z"}]},"__N_SSG":true},"page":"/article/[article_id]","query":{"article_id":"8d395dd3-3954-4fd4-9f8c-c937bf579b83"},"buildId":"7EtL49Y65E8zx1NwcIC_o","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>