wordpress+程序优化,河南企业站seo,高安建站公司,wordpress仿站博客视频前端是构建网页的一部分#xff0c;负责用户在浏览器中看到和与之交互的内容。
网页是在浏览器中呈现内容的文档或页面。
通常#xff0c;网页使用HTML、CSS、JavaScript(JS)组成。
HTML:定义了页面的结构和内容。包括文本、图像、链接等。
CSS#xff1a;定义页面的样式…前端是构建网页的一部分负责用户在浏览器中看到和与之交互的内容。
网页是在浏览器中呈现内容的文档或页面。
通常网页使用HTML、CSS、JavaScript(JS)组成。
HTML:定义了页面的结构和内容。包括文本、图像、链接等。
CSS定义页面的样式和布局。
JS用于添加交互性和动态功能作用。
---------------------------------------------------------------------------------------------------------------------------------
浏览器建议使用谷歌浏览器安装步骤
使用电脑自带的浏览器搜索“联想应用商店”---选择安装第一个稳定版本。具体步骤可参考B站大佬 up主“葡萄数码笔记”。
---------------------------------------------------------------------------------------------------------------------------------
谷歌搜索必须联网。
---------------------------------------------------------------------------------------------------------------------------------
前端开发环境
安装VSCode并安装中文插件。
HTML CSS Support:写CSS代码的快捷工具。
Live Server:可以在浏览器中实时预览页面的变化。
Auto Rename Tage:在修改HTML标签时同步修改与之匹配的另一个标签。
前端环境搭建完毕
---------------------------------------------------------------------------------------------------------------------------------
HTML标签 HTML(超文本标记语言)为网页提供结构。 HTML告诉浏览器哪些部分是标题哪些部分是段落哪些是列表等。 HTML标签可以通过属性来提供更多的信息。 标签通常是成对出现的包括开始标签和结束标签。 p这是一个段落/p h1这是一个标题/h1 a href#这是一个超链接。/a 单标签如下 input typetext br hr 注意单标签用于没有内容的元素双标签用于有内容的元素。
---------------------------------------------------------------------------------------------------------------------------------
HTML 文件结构 一个HTML文档通常由以下几个部分组成 !DOCTYPE html -----------------告诉浏览器这是一个HTML文件。 html /html -------------------------------HTML标签对也是HTML文档的根元素。HTML文档起 始标志。也是文档的最外层容器。 head /head-------------------------------head标签对包含文档的元信息比如文档的标题 文档的编码格式一些CSS、js文件。 body /body-------------------------------包含了实际显示在浏览器中的页面内容。
---------------------------------------------------------------------------------------------------------------------------------
常用文本标签 1.标题标签。HTML中有6个标题标签分别用 h1 到 h6 表示。 2.段落标签。p /p 3.HTML的文本格式化标签。b/b;i/i;u/u;s/s 4.一个外部的ul/ul,包裹着几个li/li 5.一个外部的ol/ol,包裹着几个li/li 6.一个外部的table/table,行标签tr/tr,行标签中包裹着列标签td/td 7.表格列标题trth此处为表格列标题/th/tr
---------------------------------------------------------------------------------------------------------------------------------
举例p更改文本样式b字体加粗/b,i斜体/i、u下划线/u,s删除线/s/p
效果更改文本样式字体加粗,斜体、下划线,删除线
---------------------------------------------------------------------------------------------------------------------------------
举例 ul li无序列表元素1/lili无序列表元素2/lili无序列表元素3/li /ul
效果
无序列表元素1无序列表元素2无序列表元素3
---------------------------------------------------------------------------------------------------------------------------------
举例 ol li有序列表元素1/lili有序列表元素2/lili有序列表元素3/li /ol
效果
有序列表元素1有序列表元素2有序列表元素3
---------------------------------------------------------------------------------------------------------------------------------
举例 table tr th 列标题1/th th 列标题2/th th 列标题3/th /tr tr td元素1/td td元素2/td td元素3/td /tr /table
效果
列标题1列标题2列标题3
元素1元素2元素3
---------------------------------------------------------------------------------------------------------------------------------
后续内容见《Web前端基础知识二》
