专业优化网站建设,昭通网站建设,盗版视频网站建设费用,上上海网站设计HTML
双标签html /html 单标签img
html5的DOCTYPE声明
!DOCTYPE htmlhtml的基本骨架
!DOCTYPE html
html
/htmlhead标签
用于定义文档的头部。文档的头部包含了各种属性和信息#xff0c;包括文档的标题#…HTML
双标签html /html 单标签img
html5的DOCTYPE声明
!DOCTYPE htmlhtml的基本骨架
!DOCTYPE html
html
/htmlhead标签
用于定义文档的头部。文档的头部包含了各种属性和信息包括文档的标题在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者
!DOCTYPE html
html head/head
/htmlbody标签 定义文档的主体包含文档的所有内容在页面中显示出来用户可以直接看到的内容
!DOCTYPE html
html head/headbody/body
/htmltitle标签 定义文档的标题可以显示在浏览器的标签栏或状态栏上。title标签是head标签中唯一必须要求包含的东西就是说head一定要写titletitle的增加有利于SEO搜索引擎优化优化
!DOCTYPE html
html headtitle /title/headbody/body
/htmlmeta标签 用来描述HTML网页文档的属性关键词等。例如charset“utf-8”
!DOCTYPE html
html headmeta charsetutf-8title /title/headbody/body
/html标题
h1/h1
h6/h6生成h1h6快捷键h$*6
请确保将HTML标题标签只用于标题不要因为生成粗体或大号的文本而使用标题正确使用标题有益于SEO
标签位置 h1 alignleft /h1 段落标签p 文本换行 br 水平线 hr 图片 img src
src路径名称 alt图片显示有问题后的替代文本 widthheight 通常只更改width从而保持图片的原比例 title鼠标悬停的提示 路径
绝对路径相对路径 子集关系 /父集关系 ../同集关系 ./ (可以省略) 网络路径 超文本链接 a href name /a
a href
img (可以放图文)/a文本标签
em 着重文字 b 粗体文字 i 斜体字 strong 加重语气 del 删除字 span 元素没有特定的含义 有序列表
ol typeilili
oltype更改每列开头为数字或字母… 无序列表
ul typedisclili
ul表格
tabletrtd /td td /td /trtrtd /td td /td /tr
/table快捷键生成 tabletr*8td*2{sss} 合并单元格
水平合并colspan 垂直合并rowspan 表单
表达是由容器和控件组成输入框叫做控件表单就是容器能够容纳各种各样的控件 form actionurl methodget|post namemyform/form
action服务器地址 name表单名称
method中get和post的区别
数据提交方式get把提交的数据url 可以看到post看不到get一般用于提交少量数据post用来提交大量数据
表单元素表单标签表单域表单按钮
文本框 提交按钮 formusername: input typetextpassword: input typepasswordinput typesubmit valueLogin/form元素分类
块元素与行内元素 HTML5新增标签 容器 div
H5新标签
头部 header 导航 nav 定义文档中的节比如章节、页眉、页脚 section 侧边栏 aside 脚部 footer 代表一个独立、完整的相关内容块比如完整的帖子博客文章等 article CSS
css (Cascading style sheets) 样式表 .css 用于html文档中元素样式的定义
语法
css规则由两个主要的部分构成选择器以及一条或多条声明样式 CSS的引入方式
内联样式
p stylecolor:red; font-size: 20px;内联样式/p不建议。缺乏整体性和规划性不利于维护维护成本高
内部样式
使用 style 标签在文档头部定义内部样式表
单个页面内的CSS代码具有统一性和规划性便于维护但是在多个页面之间容易混乱
外部样式推荐 link relstylesheet href./public.css选择器一
CSS语法规则选择器以及一条或多条声明样式
全局选择器
可以与任何元素匹配优先级最低一般做样式初始化 *{font-size: 30px;color: red;}元素选择器
HTML文档中的元素pddivimg
类选择器 用圆点. 来定义针对你想要的所有标签使用 优点灵活 选择器二
ID选择器 针对某一个特定的标签来使用只能使用一次
#text{color: red;font-size: 30px;
}p idtextHello/p关系选择器
后代选择器 E F{ }
直接子元素 EF{ }
相邻兄弟选择器 EF{ }E元素之后紧邻的一个F
通用兄弟选择器 E~F{ }E元素之后的所有F CSS 盒子模型 Box Model 弹性盒子 flex box
JavaScript
Some Questions
Node.js 是什么
一种javascript的运行环境能够使得javascript脱离浏览器运行node.js就是一个前端觉得写个功能还要等后端捣鼓半天然后干脆就自己用javascript把后端搞定的一个东西。
