HTML基础语法

一、HTML基础

(1)什么是HTML

HTML(Hypertext Markup Language)即超文本标记语言。

(2)HTML的特点

• HTML不需要编译,直接由浏览器执行
• HTML文件是一个文本文件
• HTML文件必须使用html或者xml为文件名后缀
• HTML大小写不敏感,HTML和html一样

(3)HTML基本结构

(4)HTML标签

语法:<标签名> </标签名>
例如: <html>….</html>
规范:
1、<和>括起来
2、一般成对出现,分开始标签和结束标签
结束标签比开始标签多了一个/
3、单标签:没有结束标签 <hr/>

(5)HTML元素

从开始标签到结束标签的所有代码,称为HTML元素。

 

(6)HTML标签属性

语法:
<标签名 属性名1=”值” 属性名2=”值” … > ….. </标签名>

(7)HTML注释

• <!–这里是注释–>
• 注释在网页中不显示。

(8)DOCTYPE 文档类型声明

<!DOCTYPE> 声明必须放在HTML文档第一行。
<!DOCTYPE> 声明不是HTML标签

(9)网页编码设置

当网页显示出现乱码时,在<head></head>标签之间添加:
<meta http-equiv=“Content” contect=“text/html;charset=utf-
8”/>
注:utf-8、GB2312、gbk等编码

(10)文字和段落标签

标题标签:<h1></h1>~<h6></h6>
段落标签: <p> </p>

align对齐属性值:

换行标签: <br/>

水平线: <hr/>
属性如下:

文字斜体:<i></i> 、 <em></em>
加粗:<b></b> 、<strong></strong>
下标:<sub>
上标:<sup>
插入内容:<ins>
删除内容:<del>

(11)特殊符号

二、列表标签

(1)列表标签

有序列表:
<ol>
<li>列表项</li>
<li>列表项</li>
……
</ol>
type属性值:

注:规定列表的项目符号类型,请使用样式设置。

定义列表:
<dl>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    <dd>列表项描述</dd>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    ……
</dl>
注:<dl><dt><dd>组合使用。

三、图像和超链接标签

(1)图像标签

语法:
<img src=“” alt=“” …/>
img属性:

(2)超链接标签

语法:
< a href=“”>内容</a>
属性:

定义锚(同一页面):
< a href=“#锚名1”>目录1 </a>
< a href=“#锚名2”>目录2 </a>
< a href=“…”name=“锚名1”>内容</a>
xxxxxxxxx
xxxxxxxxxxxxx
< a href=“…”name=“锚名2”>内容</a>
xxxxxxxxx
xxxxxxxxxxxxx
定义锚(不同页面):
< a href=“网页名称#锚名”>……</a>
电子邮件链接:
< a href=“mailto:邮件地址”>……</a>

 

 

文章参考于慕课网课程

https://www.imooc.com/

发布者

deng

听闻余生久不遇,相逢别错过。

《HTML基础语法》上有1条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注