怎样建立一个公司网站,seo的全称是什么,贵州贵州省住房和城乡建设厅网站,百度网页版浏览器入口文章目录 什么是前端HTML 页面编写如何快速生成代码框架常见标签注释标签标题标签段落标签换行标签格式化标签 什么是前端
Web 前端#xff0c;用来直接给以用户呈现的一个一个的网页。一个软件通常是由 后端前端 完成的 后端#xff1a;通过 Java/C等语言#xff0c;完成相… 文章目录 什么是前端HTML 页面编写如何快速生成代码框架常见标签注释标签标题标签段落标签换行标签格式化标签 什么是前端
Web 前端用来直接给以用户呈现的一个一个的网页。一个软件通常是由 后端前端 完成的 后端通过 Java/C等语言完成相关的逻辑处理将数据返回给前端 前端把后端返回过来的数据进行一系列的拼装之后把完美的页面呈现给用户 Web 页面 PC 端应用程序页面 移动端 APP 页面
HTML 页面编写
HTML 是超文本标记语言
超文本支持文本、声音、图片、视频、表格、链接标记由许许多多的标签组成
HTML 是运行到浏览器上面的就是说当你写完一个 HTML 代码之后需要一个浏览器才能让它跑起来 双标签标签有开始有结束
htmlheadtitle这是页面标题/title/headbody这是页面内容/body
/htmlhtmlhtml 文件的跟标签head编写页面相关的属性title页面标题body页面的内容展示信息 每一个标签相当于是一个节点这么多的标签节点构成了一个 DOM 树。树就有一些子节点head、title、body… 就相当于是 html 的一个子标签
所有的标签都是 html 的子标签head 和 body 是兄弟标签head 和 title 是父子标签 DOM 树中的每一个标签就相当与是一个对象程序猿就可以通过代码拿到这些标签拿到这些对象之后就可以对这些对象进行“增删查改”
如何快速生成代码框架
直接在 vscode 中输入 ! enter生成
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
body/body
/html!DOCTYPE html这里是在指定 html 的版本。这里指定当前 html 版本为 5。现在我们日常看到的网页基本上都是 html5html langen这里是在指定语言。lang 代表语言en 代表 English。这是给浏览器看的里面仍然什么语言都可以输入meta charsetUTF-8UTF-8 是文件解码方式。如果加码和解码的方式不一样就会显示乱码meta nameviewport contentwidthdevice-width, initial-scale1.0移动端适配不做过多研究
常见标签
注释标签
注释不会显示在界面上目的是提高代码的可读性
!-- 这是注释 --快捷键Ctrl / 可以快速的进行注释/取消注释
标题标签
有六个从 h1 - h6数字越大字体越小
htmlheadtitle这是页面标题/title/headbody!-- 这是注释 --h1这是 h1 标题/h1h2这是 h2 标题/h2h3这是 h3 标题/h3h4这是 h4 标题/h4h5这是 h5 标题/h5h6这是 h6 标题/h6/body
/html段落标签
p 标签表示一个段落
htmlheadtitle这是页面标题/title/headbody!-- 这是注释 --p今天是非常痛苦的,明天也是非常痛苦的/pp但后天是非常令人高兴的,因为大部分人都会倒在明天晚上/p/body
/html注意
使用 p 标签段落之间存在一个空隙当前的 p 标签描述的段落, 前面还没有缩进未来 CSS 会学自动根据浏览器宽度来决定排版html 内容首尾处的换行空格均无效在 html 中文字之间输入的多个空格只相当于一个空格html 中直接输入换行不会真的换行而是相当于一个空格.
换行标签
br 是 break 的缩写表示换行
htmlheadtitle这是页面标题/title/headbody!-- 这是注释 --p今天是非常痛苦的,br/明天也是非常痛苦的/pp但后天是非常令人高兴的,br/因为大部分人都会倒在明天晚上/p/body
/html注意
br 是一个单标签(不需要结束标签)br 标签不像 p 标签那样两行间带有一个很大的空隙br/ 是规范写法不建议写成br
格式化标签
删除strong 标签和 b 标签倾斜em 标签和 i 标签删除线del 标签和 s 标签下划线ins 标签和 u 标签
htmlheadtitle这是页面标题/title/headbody!-- 这是注释 --pstrong今天/strong是非常痛苦的br/em明天/em也是非常痛苦的/pp但del后天/del是非常令人高兴的br/因为大部分人都会倒在ins明天晚上/ins/p/body
/html两种标签都能达到效果但前者不仅能达到效果还都有强调的作用它们向搜索引擎、屏幕阅读器等辅助技术传达了文本的重要性而不仅仅是视觉上的加粗
