html
Html:超文本标记语言
超文本:包括文本,音频,视频,图片。
写法:标记【标签】
作用:页面的搭建
常用的浏览器;谷歌chrome 兼容性,调试功能全
火狐firefo
360(ie)
Safari
欧朋 opera
Uc
W3c 万维网联盟 规定了html的标签的书写标准
书写html的编辑器:
记事本
Sublime
Dreamweaver
Webstorm
Hbuiler
Html的语言的基本结构
<html> html网页的开始标签
<head> 头部信息的开始标签
其他
</head> 头部信息的结束标签
,<body> 主体标签的开始
其他
</body> 主体标签的结束
</html> html网页的结束标签
Head中的标签是几个固定的
1.<title></title>网页的标题
2.<meta/>设置网站的字符编码
字符编码:utf-8*** gbk gb2312
单标签<标签名字 内容/> <meta />
双标签<标签名字>内容</标签名字> <title></title>
其他的标签都写在body里面
注意:标签都是以<>包括起来的
- 标题标签
<h1>一级标题</h1>
……
<h6>六级标题</h6>
从1到6字号依次变小并且自动加粗
W3school网站 菜鸟教程
- 段落标签
<p>……</p>
- 换行标签
<br/>
- 水平线
<hr/>
5.字体加粗
<b>……</b>
<strong>……</strong>
6.字体倾斜
<em></em>
7.转义字符
空格: ;
> < ***
< >;***直接输出不符合标准
版权符号 ©***
Html网页的运行方式:直接双击,在浏览器打开
在html标签的最上边<!DOCTYPE html>告诉浏览器使用什么规范
12.3日
A.常见的图片格式:
.jpg .jpeg .gif .png
B.图片标签
<img 属性 属性 属性/>
属性名称=“值”
Img标签的属性
Src = “” 图片的路径
Width = “”设置图片的宽
Height = “”设置图片的高
Alt = “”鼠标移动上去的显示的信息
Title = “”标题
Sre的值得写法
绝对路径:从盘符开始计算
Src = “file:///盘符”
找到图片所在的位置 写入src中,在浏览器查看
如果显示不出来 F12 查看元素 点住图片复制路径
到浏览器 显示出全路径 最后粘贴到src中
相对路径 ****
1.同级目录 和当前文件在同一个目录下边
Src = “图片名称” 或者scr = “./图片名称”
2.下一级目录 图片在当前文件的下一级
Src = “./文件夹名字/图片名字”或者src=“文件夹名字/图片名字”
3.上一级目录
Html的注释:<!--注释内容-->