名称:H5、Wed、前端、全栈
可以制作网站、APP、小程序、公众号、
页面——浏览器是页面的环境
页面的扩展名:.html 图片:.jpg .png .gif .exe 应用程序扩展名
常见的浏览器有Ie、谷歌、火狐、360、欧朋
我们在测试时用谷歌
开发工具有:记事本(.txt)、Sublime、dreamwear、webstorm、hbulider。
网页是由title、url、body制成的
注:title:主题、题目、标题
url: 网址
body:网站内容 (body的内容是靠代码实现的)
html语言:超文本标记语言
标签的结构:<标签名>
段落的结构:<内容> 列如:<p>我的老师</p>
*若汉字出现乱码,因为文字编码不一样,UTF-8是国内的编码
常用的快捷方式:ctrl+s(保存)、ctrl+c(复制)、ctrl+v(粘贴)、ctrl+A(全选)、ctrl+x(剪切)
标签:
标签分为双标签和单标签
双标签又分为开始标签和结束标签,两个标签之间是内容。
单标签也叫空标签。
常见的标签:
1、标题标签 h1到h6 <h1></h1>
2、图片标签 img 资源——本地资源、网路资源
目录: ./ 当前目录 ../ 上一级目录
<img src =" "/> (src属性是图片的路径)
width(宽度)、 height(高度)、 单位px
3、超链接 <a></a>
<a href =" "></a>
a的两个属性:一个是href 值是需要跳转的页面地址
另一个是target 跳转页面的打开方式, blank(在另一个页面)、 self(默认在当前页面)
*id为一种起名方式 id="..." (只要用id起的名字,前面必须加#)
*Html 特有的注释 <!--(内容)--> (隐藏) 快捷键:ctrl+?
基本网页骨架:
1、<DOCTYPE html> 文档类型声明,H5特有的
2、<html> 网页标签
3、 <head> 头部标签
4、 <meta charsent="UTF-8"> 国内编码
5、 <title></title> 网页标题标签
6、 </head>
7、 <body> 主题标签
8、 </body>
9、</html>
起名方式:
1、标签名
2、id起的 (使用时加“#”)
3、class起的 (使用时加“.”)——锚点(链接不能用)
*起名的目的就是为了给他添加样式, style:也就是属性
属性:代表事物的一些特征,比如:width、height、color、background、
起名时应注意:1、书写规范;
2、起名规范,不能用汉字,第一个字母必须是英文字母;
3、每一个属性后面必须加分号(;)。
表格(table):
<table border="1" cellspacing="0" cellpadding="0">
*注:border:边框粗细属性 cellspacing:单元格空间的属性 cellpadding:单元格内边距属性
*当图片插入表格中出现余白时,应:
img{
width:200px:
height:200px;
vertical-align:middle; 解决照片余白
}
colspan:水平合并单元格
rowspan:垂直合并单元格