目录:
1.介绍浏览器
(1)Title
(2) Url
(3) body
2.介绍文件
3.标签名的结构
(1.)标签名
(2.)<+标签名+> 结束标签
1.标签名 2.开始标签 3.结束标签
wed 前端 h5 全栈
app 网站 公众号 小程序
写页面 浏览器是页面的环境
页面的拓展名,.html 图片 .jpg .png .gif
下载chrome(谷歌)浏览器
.exe 应用程序拓展名
https://www.google.cn/chrome/ 谷歌官网
常见的浏览器
Ie 谷歌 火狐 360 欧朋
我们测试的时候用谷歌
开发工具
记事本 .txt
Sublime dreamwear webstorm hbulider
下载hbulider
网页是由什么构成的
title 主题,题目,
Url 是网址
Body 是网站内容
Body的内容考代码实现的。
Html 语言 超文本标记语言
结构:< 标签名 >
段落 <p> </p>
Ctrl+s 保存 ctrl+c 复制 ctrl+v 是粘贴 ctrl+A 全选
以后是汉字会出现乱码,因为文字编码不一样,utf-8 是国内的编
开始标签
双标签 两个标签之间是内容
标签 结束标签
单(空)标签
网页骨架
1.<!DOCTYPE html> 文档申明类型 ,是h5特有的
2.<html> 网页的标签
3.<head > 头部标签
4.<title></title> 网页标题标签
5.<body></body> 主题标签
标题标签 有6个 h1-h6
目录:当前目录(./)上一级目录(../)
图片 资源 本地资源 网络资源
< img标签名 src属性="属性值 " />
src属性是图片的路径
img
Width宽 height 高 单位是px
<img src="images/0.2.jpg" width="100px" height="100px"/>
a是超链接
<a href=" ">百度一下</a>
a两个属性 一个是href 值是需要跳转的页面地址
另一个是targe跳转页面打开的方式-blank -self(默认的)
备注
id是一种起名方式 id="lisi" 只要是用id起的名字前面必须加#lisi
标签
双标签 html title head body h1-h6 p a b(加粗标签) strong被h5舍弃了 i(倾斜标签) sup(上标签) sub(下标签) em(小图标的) div(盒子标签) span(内敛标签) 表格 列表等
但标签 <img/> <hr/>(分割线)<metta/>(网页原信息)
html特有的注释<!--备注释的内容>
起名方式
1.标签名
2.ld起的 但是使用的时候加#
3.Class类 但是使用的时候用.
起名的目标就是为了给他添加样式 styel 其实也是属性
属性:代表事物的一些特征,比如width height color background等
1.书写规范{}是shift+[出来{}
2.起名规范 不能用汉字第一个字母不能是特殊符号 第一个字母必须是英文字母
表格table 单元格td 行tr
边框border 单元格空间cellspacing 内边距cellpadding
border是决定边框粗细的属性
cellspacing是单元格空间的属性
cellpadding是单元格内部的边距属性
vertical垂直——iaign属性值对齐:middle居中
vertical-iaign:middie;会解决图片的余白
colspan水平合并的列数
rowspan垂直合并的列数
Table里套table