网站ui界面设计软件,在哪个网站做失业分解,溧阳网站建设公司,平安网站建设发挥了积极的作用图文教程
基本骨架
举个例子#xff0c;下图所展示的为html的源代码 -!DOCTYPE#xff1a;表示文档类型#xff08;后边写的html表示文档类型是html#xff09;#xff1b;其中“#xff01;”表示声明
只要是加这个声明标签的#xff0c;浏览器就会把下边的源代码当…图文教程
基本骨架
举个例子下图所展示的为html的源代码 -!DOCTYPE表示文档类型后边写的html表示文档类型是html其中“”表示声明
只要是加这个声明标签的浏览器就会把下边的源代码当作html解析
html整个网页都需要被html/html包裹 -lang表示网站的主体语言如下图所示 -head/head表示网页配置比如配置字符类型为utf8类型字符类型的区别如下图所示需要补充的是若网页是面向国际化的用utf-8如果是面对国内的用gbk字符集 -meta表示基本配置写在head标签内 meta nameviewport contentwidthdevice-width, initial-scale1.0 这段代码是用于设置网页的视口viewport属性主要是为了让网页在移动设备上能够自适应屏幕大小并正常显示。对应了网页的基本配置效果对比如下
不加这段代码 加了这段代码明显针对手机开启了自适应的模式 -title标签用来管理浏览器选项卡的名称 -body标签设置我们在浏览器能看到区域的网页内容比如我们之前举例的“pikachu”按钮 补充
keywords关键字meta标签中的keywords关键字的用途搜索引擎抓取页面的原理通过下面的关键词搜索进行抓取网站 description关键字同样的也是meta标签中的用来描述网站的信息 基本语法
标签格式规则
标签名必须书写在一对尖括号内部标签分为单标签和双标签双标签必须成对存在有开始标签和结束标签结束标签必须有关闭符号/根据标签内部存放的内容不同将不同的标签划分为两个级别
其中双标签必须成对存在有开始标签和结束标签 单标签 双标签 img h1-h6 br div hr span p a ulli
br换行
hr表示水平分割线用于分割内容
div定义页面中的块级元素用于分组或布局
ul创建无序列表 li列表项用于放置具体内容
无序列表如下图所示 p换行
span改变字体颜色、字体大小、字体样式添加特定的标记使用JavaScript来操作span元素实现一些动态效果或交互功能 根据标签的种类区分两个等级容器级文本级
容器级元素内部除了可以存放文本外还可以嵌套各种类型的标签
文本级元素内部只能存放文本或文本标签 容器级标签 文本级标签 div,ol,ul,li,dl,dt,dd,h1-h6 span,img,b,u,i 标签属性
概念赋予标签一些特殊性质给标签加上某些性质就相当于给标签赋予了职能前提是标签必须具备这些职能————比如a/a标签具备链接性质后边的属性value可以填上一些网址链接这样用户可以通过页面点击链接当然就算不填网址这个标签依然具备链接属性只不过并不会跳转网页
书写位置在开始标签或单标签的标签名后面添加一个空格空格后边书写属性hrefx
--href是键keyx是属性值value
href指定超链接目标的URL是a/a标签专属属性
实例 a hrefwww.baidu.com title我是title/a 像上句这样连续写两个属性要用空格隔开 注意文字的位置是根据标签种类决定
标签与其他标签之间对空白、换行、缩进等不敏感有没有空白不影响浏览器加载效果在上传代码过程中为了提高传输速度可以将代码进行压缩删除多余的空白目的就是为了压缩文件的大小标签之间还有嵌套关系
空白折叠现象不会因为一直空格而显示很多空白除非用标签nbsp进行空格留白
视频教程
哔哩哔哩B站搜索框中输入“uid3546393096489381”即可
用户star010_
