HTML
什么是HTML
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定
了自己的语法规则,用来表示比"文本"更丰富的意义,比如图片,表格,链接
等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML
文档。目前互联网上的绝大部分网页都是使用HTML编写的。
每个HTML文档都应该有< html >
开始标签<标签名>,结束标签< /+标签名 >
<!DOCTYPE html> (声明为 HTML5 文档)
说明:如果在html页面的第一行写上这个声明,浏览器则会按照你制定的标准
来解析页面,如果没写这个声明,浏览器则会按照自己的模式解析页面,
则会在不同的浏览器布局和样式可能会存在差别。
注:doctype 声明是不区分大小写的;html一样。
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。
< head >(应该没有空格,这里我用空格隔开要不显示不出来,下面一样)标签用于包含整个文档的一般信息
常用标签介绍:
< title >标签用于包含文档的标题,不是文章的标题。
< body >用来包含主要内容
< font > (文本)用于改变字体,字号(size),文字颜色(color)
< font size=“字号” >
< font color=“颜色” >
< b >加粗
< i >斜体字
< u >下划线
< hr >标签用于在页面上添加横线。可以通过指定width和color属性来控制横线的长度和颜色。
< hr width=“长度” color=“颜色” />
开始标签 | 内容 | 结束标签 |
---|---|---|
< title > | 标题(页面标题) | < /title > |
< h1 > < h2 > < h3 > < h4 > | 一级标题,二级标题,三级标题,四级标题(文章标题) | < /h1 > < /h2 > < /h3 > < /h4 > |
< a href=“地址” > | 链接 | < /a > |
< font > | 文本 | < /font > |
< table >< th > < tr > < td > | 表格(表头,行,单元格) | < /table > < /th > < /tr > < /td > |
< !-- – > | 注释 | |
< ul > < ol >< li > < dl > < dt > < dd > | (无序)(有序)列表 自定义列表 | < /ul > < /ol >< /li > < /dl > < /dt > < /dd > |
< form > | 表单域 |
元素 | 属性 | 作用 |
---|---|---|
< table > | (align对齐方式)(border边框) (cellpadding内容与边框)(cellspacing单元格与单元格)(width宽度) | |
< form > | (action=“url地址” method提交方式(grt/post) name表单域的名称) |
< abbr >(表示缩写),
< em >(表示强调),
< strong >(表示更强地强调),
< cite >(表示引用),
< address >(表示地址)
注:HTML文档里所有的空白符(空格,Tab,换行,回车)会被浏览器忽略,唯一的例外是空格,对空格的处理方式是所有连续的空格被当成一个空格,不管有一个,还是两个,还是100个。如果要显示连续的空格(比如为了缩进),应该用 & nbsp;来代表空格。
一些标签及属性的性质
button
属性 | 作用 | 例子 |
---|---|---|
onlick=“有关JS的函数等等” | 点击按钮后运行JS函数 | οnclick=“SomeJavaScriptCode” |