北京免费建站模板,网站建设硬件设计方案,太和县住房和城乡建设局网站,工商查询系统学习视频链接#xff1a;https://www.bilibili.com/video/BV1m84y1w7Tb/?spm_id_from333.999.0.0
一、Web开发
1. 概述
能通过浏览器访问的网站
2. Web网站的开发模式——主流是前后端分离 二、前端Web开发
1. 初识
前端编写的代码通过浏览器进行解析和渲染得到我们看到…学习视频链接https://www.bilibili.com/video/BV1m84y1w7Tb/?spm_id_from333.999.0.0
一、Web开发
1. 概述
能通过浏览器访问的网站
2. Web网站的开发模式——主流是前后端分离 二、前端Web开发
1. 初识
前端编写的代码通过浏览器进行解析和渲染得到我们看到的网页不同的浏览器有不同的内核拿为甚么我们看到的网页在不同的浏览器下是一样的——Web标准
大部分由W3CWorld Wide Web Consortium万维网联盟负责制定
Web标准的三个组成部分
HTML 网页结构页面的元素和内容CSS 网页的表现页面元素的外观、位置等页面样式JavaScript 网页的行为交互效果
HTML(HyperText Markup Language)超文本标记语言
超文本除了文字还可以定义图片、音频、视频等内容标记语言预定义好的标签组成不区分大小写标签中的属性可以使用双引号也可以使用单引号HTML语法松散格式不是很严谨也能识别解析
CSS(Cascading Style Sheet)层叠样式表
用于控制页面的样式
W3school 进行详细学习
2. HTML
!-- HTML --!DOCTYPE html
html langen
head!-- 字符集 --meta charsetUTF-8!-- 默认浏览器兼容性 --meta nameviewport contentwidthdevice-width, initial-scale1.0title焦点访谈中国第七 新思想夯实大国粮仓/title
/head
body!-- img标签src图片路径绝对路径绝对磁盘路径/绝对网络路径相对路径./当前目录 ../上一级目录width宽度 px像素%相对于父元素的百分比height高度 --!-- 水平分割线 --hr
/body
/html3. CSS
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title焦点访谈中国底气 新思想夯实大国粮仓/title!-- 方式二: 内嵌样式 --styleh1 {/* h1被称为选择器 *//* color: red; *//* color: rgb(0, 0, 255); */color: #4D4F53;}/style
!-- 方式三: 外联样式 --!-- rel为stylesheet表示当前引入的是样式表href表示引入文件的路径 --!-- link relstylesheet hrefcss/news.css --
/head
bodyimg srcimg/news_logo.png 新浪政务 正文 !-- 方式一: 行内样式 --
!-- h1 stylecolor: red;焦点访谈中国底气 新思想夯实大国粮仓/h1 --
\h1焦点访谈中国底气 新思想夯实大国粮仓/h1\hr2023年12月28日 21:50 央视网\hr\/body
\/htmlCSS 引入的三种方式
行内样式——在当前标签内指定style临时有效内嵌样式——在head里面定义style里面定义选择器对本html页面有效外联样式——独立写在.css文件中需要用的时候linkhtml链接了css文件就能用
CSS选取需要设置样式的元素 范围越小优先级越高——id class 元素
超链接
标签a属性 href指定资源访问的urltarget指定在何处打开资源链接 _self默认值在当前页面打开 _blank在空白页面打开
视频
标签video属性 src规定视频的urlcontrols显示播放控件 属性名和属性值一样可以只写属性名属性之间没有逗号width播放器的宽度height播放器的高度
音频
标签audio属性 src规定音频的urlcontrols显示播放控件
段落
我是段落
换行
br
一整行下划线
hr
加粗展示
b/b
strong/strong
盒子——页面布局
页面中所有元素标签都可以看做一个盒子
组成内容区域content、内边距区域padding、边框区域border、外边距区域margin
表格标签 表单标签
场景在网页中采集数据如注册、登录等数据采集——存储到数据库标签form属性 action提交表单时向何处发送表单数据URLmethod规定用于发送表单数据的方式GET、POST 表单项不同类型的input元素、下拉列表、文本域 input 表单项通过type属性控制输入形式必须有name属性不然不能提交如果是同一组那么应该设置相同例如单选项选择性别的时候,value表示的是提交的值select 下拉列表textarea定义文本域 总结之前学习过相关内容就简单记了笔记~
