html基础
HTML(Hyper Text Mark-up Language)–超文本标记语言
简言之 它是制作万维网页面的标准语言。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
html基本结构
< html> < html/>(标签)
由“一套尖括号+标签名”组成
html:超文本标记语言,类似于xml、xhtml,是通过一个个成对的标签来进行配对,实现属性的配置,并将标签里的属性作用于被标记的内容上。
一个完整的html一般分为三部分:
< html> content < html/>:项目标签,一个html里包含首尾,范围最大的一个标签,其中标记着整个头部标签、内容标签
< head>content < head/>: 头部标签,用于页面布局
< body>content < body/>: 内容标签,页面的大部分内容都在此处编写
标签根据闭合形势分为:
1、 自闭和标签
例如 < br /> 只有一套加括号,标签不成对出现;
2、 非自闭和标签
例如 < p> content < p/> 由两套尖括号组成,标签成对出现;
根据标签属性作用域的不同又可以分为:
1、块级标签
例如< div> content< div/> 作用域为中间内容所占的整行;
2、内联标签
例如< span> content< span/>作用域为中间内容本身所占的位置;
PS:具体实例可见最后符的代码,用不同颜色来区分。块级和内联的区分只是最基本的,到了后面,可以通过其他属性来相互实现
注释
html的代码注释方式,其实是一个特殊的自闭和标签:
完整的形势为
<!-- 注释内容 --/>
换行符 <br />。
段落 <p></p>
<h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6>
a标签用来定义一条超链接,其中要有的是href属性,href的作用是指明超链接要链接到的网址。
<a href="#位置名"> </a>
<a name="位置名"> </a> 锚连接