HTML基础


1.HTML基础

1.1 HTML:Hyper Text Markup Language,超文本标记语言
标记语言:使用(Tag)来标识内容的编程语言,标记语言可以有指定的
标签集(TagLibrary),HTML是一种有确定的标签集的标记语言。

1.2 基础语法
1.2.1 标签的写法:
<html></html>: html的标签全部用尖括号(<>)来标识。尖括号内为标签名,
标签有开始标签和结束标签,结束标签是在开始标签的基础上加上/。如果一对标签的中间没有任何内容,则可以将开始标签和结束标签写在一起,例如:<input/>

HTML标签总是要有开始标签和结束标签。

1.2.2标签可以有属性,属性分为属性名和属性值,标签的属性写在标签的开始标签
中,属性名和属性值使用等于号(=)连接,属性值必须使用双引号("")引用。一个标签可以有0至n个属性。
<input type="text" name="username"/>

1.2.3 一个标签称为一个元素。元素有元素名,属性,内容

1.2.4 HTML标签可以嵌套。

<html><body><input type="text"name="username"/></body></html>

1.3 HTML认知

1.3.1 HTML是一种代码,由HTML编写的代码被保存成.html或.html为后缀名的文件。

1.3.2 HTML是一中浏览器页面,由HTML编写的代码的.html文件使用浏览器软件打开时,会在浏览器中显示成页面。

2. HTML 基础标签
2.1 <!doctype html>:文档类型的声明,不是标签,用于声明本html文档的类型,应写于html文档的第一行。

2.2 <html></html>:html元素,是整个html的根元素,html文档只有一个html元素,其他元素均为html元素的内容。

2.3 <head></head>:head元素,是html文档的头部元素,用于定义本文档的一些基本信息。head元素中的内容不在页面上显示。

2.4 <title></title>: title元素,是html稳定的标签元素,用于定义在浏览器标签栏显示的内容。

2.5 <body></body>: body元素,是html文档的页面体元素,用于定义所有在页面部分显示的内容。

2.6 <h1>......<h6>: 标题元素,用于定义文章的标题,文章标题会根据标号越大字体越小,自动开始行,并独占一改行的规则显示标题内容。

2.7 <hr/> : 水平分隔线元素,用于在页面显示一条水平分隔线

2.8 <br/>: 换行元素,用于在页面显示一个换行符,开始新行。

2.9 <font>标签: 是用于指定文字样式的标签。

color属性:用于指定文字显示的颜色,可以使用颜色关键字,rbg颜色标识系统,HEX颜色标识系统。例如:
<font color="bule">文字</font>
<font color="rbg(117,117,117)">文字</font>
<font color="#efefef">文字</font>

size属性:用于指定文字显示的大小,文字从小到大可以标识为1-7号
<font size="">1号字</font>

3.0 <p>标签:用于指定一个段落。会为指定的段落加上浏览器认的段落样式。

3.1 <b> 标签: 用于加粗文字。

3.2 <i> 标签: 用于斜体字。

3.3 <sup> 标签:用于指定上标。

3.4 <sub> 标签: 用于指定下标。

3.5 <ol>标签:用于指定有序列表,会将列表中的项目标注序号

3.6 <ul>标签: 用于指定无序列表,会将列表中的项目标注圆点。

3.7 <li>标签: 用于指定列表项,用于ol元素或者ul元素中。

3.8 <center>标签: 用于指定内容,在页面居中显示。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值