HTML(HyperText Mackeup Language):,超文本标记语言,是结构,制作网页
CSS:是衣服,用来美化网页
JS:是动作,让网页动起来的.
HTML:超文本标记语言
html除了语义什么都没有
结构:
声明部分,告诉浏览器,页面制作是使用的哪个标准.(文档第一行)<!DOCTYPE html>
head部分:将页面额外信息告诉服务器,不会显示在页面上<head></head>
<title>
:指定整个网页的标题,在浏览器最上方显示。
<meta>
:提供有关页面的基本信息
<link>
:定义文档与外部资源的关系。
<style>:定义内部样式表与网页的关系
body部分:我们的代码都写在这里面 <body></body>
特征:
1空白折叠现象
2对空格和和换行不敏感
3标签要严格封闭
标签分类:
一
1行内标签:
a在一行内显示 span strong em i del a
b不能设置宽高,默认宽和高,是内容填充
1.1行内块标签 img input
a在一行内显示 b可以设置宽高
2块级标签 div p h1-h6
a独占一行
b可以设置宽高,如果不设置宽高,默认的宽是父亲的100%.高度是内容的高度.
二
字体标签:h1-h6 标题标签 <font>设置字体类型颜色和大小 <u>下划线标记 <b> <strong>加粗 <em> <i>斜体 <sup>上方显示(上标) <sub>下角显示(下标)
排班标签: <div>定义块 换行 <span>定义区域 不换行 <br>换行标签 <hr>水平线标签 <center>内容居中显示 <pre>预定义 保存原有格式,空格不折叠.
超链接:<a> 网址链接
href:目标是URL
title 悬停文本
name:主要用于设置一个锚点的名称
target:
图片标签:<img> 链接图片 <img src=""alt=""> src是选择图片路径 两种方式:绝对路径,相对路径
特殊字符:
空格 (non-breaking spacing,不断打空格)
< 小于号(less than)
> 大于号(greater than)
& 符号&
" 双引号
' 单引号
© 版权
™ 商标
HTML 特殊字符表链接: http://tool.chinaz.com/Tools/HtmlChar.aspx
特别注意:p标签是一个文本级标签,p里面只能放文字,图片,表单元素,其它的一律不能放
<p align="center">文字居中显示(还可以设置 left,right)</p>
div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。CSS课程中你将知道,这两个东西,都是最最重要的“盒子”。区别:<span>是不换行的,而<div>
是换行的。
span里面只能放置文字,图片,表单元素,