一,介绍浏览器
ttile 标题
url 网址
body 网站内容 { body内容靠代码实现 }
二, 文件介绍
三, 标签的结构
1,标签名
2,<+标签名+> 结束标签
标签 开始标签 结束标签
四,网页文档的结构
五,img
属性="属性值”
路径 目录
名称---Web H5 前端 全栈
应用---网站 APP 小程序 公众号
页面拓展名:.HTML 图片:.jpg .png .gif 应用程序拓展名:.exe
谷歌官网:http://www.google.ch/chrom/
开发工具---记事本.txt sublime dreamwear webstorm hbulider
HTML- 语言 - 超文本标记语言
结构:<标签名>
段落:<p>内容</p>
*以后是汉字出现乱码,因为文字编码不一样,UTF-8是国内编码
标签---双标签----开始标签,结束标签{两个标签中间是内容}
---单标签{空标签}
常见标签:
1.标题标签 h1---h6 <h1></h1>
2.图片----资源:本地资源 网络资源
目录:./当前目录 ../上一级目录
<img src =" "/> src属性是图片的路径
# width宽度 height高度 单位PX
# a超链接
<a href =" " ></a>
a的两个属性……href 值是需要跳转的页面地址
……target 跳转页面打开方式 -blank {新建} -self{默认}
# id 一种起名方式 id="..."
只要用id起的名字,前面必须加#...
# HTML特有的注释 <!--内容--!> CTRL+?{快捷键}
基本网页骨架------
1. <!DOCTYPE html> 文档类型声明 H5特有的
2. <html> 网页标签
3. <head> 头部标签
4. <meta charset="UTF-8"> 国内编码
5. <title></title> 网页标题标签
6. </head>
7. <body> 主体标签
8. </body>
9.</html>
起名方式:
1.标签名
2.id起的{#}
3.class起的{.} 锚点{链接不能用}
【起名的目的就是为了给他添加样式,style,也就是属性】
属性 代表事物的一些特征,比如:width height color backgroud……
<style> *加标签
#hah{ *起名字要规范
color:green; *每个属性后面加;
backgroud:red;
} *不能漏掉
</style>
*注:1.书写规范{} 2.起名规范。不能用汉字起名,第一个字母必须是英文字母
# 表格:table
<table border="1" cellspcing="0" cellpadding="0">
[border- 决定粗细的属性 cellspacing -单元格空间属性 cellpadding -单元格内部边距属性]
img插入table中
会发现出现余白,怎么解决?
img{
200px;
height:200px;
vertical-align:middle; 解决照片余白
}
colspan--水平合并单元格个数
rowspan--垂直合并单元格个数