首页 > 技术文章 > html基础

fanyiman 2018-10-25 15:04 原文

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>  锚连接

 

推荐阅读