1 html的简述和概念:Hyper Text Markup Language 超文本标记语言
文本:详单与记事本里写的文字,展示信息
超文本:不仅仅可以展示信息。泛指;图片,点击跳转页面
语言:语言工具 标记:标签
HTML是标签所组成的语言,能展示超文本的效果
2 html入门案例:<fond color=”red”>今天天气好晴朗</fond> 字体变成红色
3 html的语言规范:html代码是由头和体组成的、
<html>
<head>
<title>里面都是说明性的内容(就是网页的标题,名字)</title>
</head>
<body>
需要在页面上(给用户展示)展示的信息:例如:<fond color=”red”>今天天气好晴朗</fond>
</body>
</html>
<html> 标签就相当于java中的大括号,
Html文件的扩展名为html或者htm,htm是旧的命名规范 html是新的
Html 文件时由浏览器直接解析执行,无需编译,直接由上到下以此解析执行
Html标签之间的的内容叫做内容体
Html没有内容的叫空标签 如<br/> 斜杠 是自关闭
所有的标签都要有开始和结束,
Html不区分大小写, 但是建议小写,提高可读性。
Html 标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起,包含单引号和双引号
Html标签建议包裹嵌套(外围完全包括内圈内容),禁止使用交叉嵌套
4 Hbuilder的使用: 网页开发的一种工具 包括html css javaScript bootstrap
5 基本标签 字体标签:
<font> 字体标签 用于展示效果中修饰文字样式size字体大小 color字体颜色face字体类型<font 属性名=”属性值”> 文字信息内容</font>
Size 控制字体大小,最小1~最大7 如果不在1到7之间是无效的
Color 控制字体颜色,使用英文设置(例如:red,blue.,.)
Face 控制字体类型。只能设置系统字库中有的存在的字体类型
6 基本标签 格式化标签:
Html源码中的换行,浏览器再解析的时候会自动忽略,要在想换行的句子后面使用换行标签<br/>就行了。一个<br/>就是一行
HTML的段落标签成对的<p> 段落内容</p> 并且在段前和段后自动加空白行标签。
Align:段落的对齐方式 默认是left 内容居左
<p align=”right”> right 居右 Center 居中
HTML标题标签 <h1>标题内容</h1> 标题有h1 到h6 h1 是最大的
HTML 空格符号 ; html源码中有多个空格,效果中最终会合并成一个
空格符号,用于展示效果中显示一个空白的位置
HTML 注释标签 格式: <!- -注释内容- -> 注释的内容在展示效果中看不见
7 基本标签 图片标签:
<img src=“图片路径”/> src 属性是指明图片的路径(必有属性) width=”图片宽度” height=”高度像素” 是固定的设置,其默认单位是像素。百分比设置width=”50%” 百分比是父标签的百分之五十。是动态改变(可以随网页大小改变而改变)的
例如<img src= “图片路径” with=”400” height=”50%”/>
图片路劲的写法:内网路径 :
相对路径:从引入这的路径开始寻找(建议使用相对路径)
例如.../img/c_1.jpg ...代表的是文件出发的路径
绝对路径:文件在硬盘上的具体位置
互联网路径:必须在前面加上http://
<img arc=”http://www.baidu.com”>
../表示上一层目录
./表示当前目录