15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML基础总汇

HTML基础总汇

时间:2023-08-10 01:45:01 | 来源:网站运营

时间:2023-08-10 01:45:01 来源:网站运营

HTML基础总汇:

HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。

HTML特点:

HTML不需要编译,直接有浏览器执行

HTML文件是一个文本文件

HTML文件必须使用html或htm为文件名后缀

HTML大小写不敏感,HTML与html一样

整体结构:

头部内容

标记符< html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

<head></head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。

主体内容

<body></body>;,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

Html基础语法:

<html><head><title>hello</title></head><body bgcolor="red"> <p>Hello html!</p> <hr/></body></html>

文档声明和META标签:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> hello html! HTML是超文本标记语言!</body></html>

文字和段落标签:

标题标签:<h1></h1>~<h6></h6>

段落标签:<p> <p/>

align对齐属性值:

left:左对齐内容

right:右对齐内容

center:居中对齐内容

justify:对行进行伸展,这样每行都可以有相等的长度

换行标签:<br/>

空格:&nbsp

格式化标签:<pre> </pre>

实例:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>什么是HTML</h1> <h2>什么是HTML</h2> <h3>什么是HTML</h3> <h4>什么是HTML</h4> <h5>什么是HTML</h5> <h6>什么是HTML</h6> <p>HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</p> <p align="left">HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</p> <p align="right">HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</p> <p align="center">HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</p> <p align="justify">HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</p> <p>&nbsp&nbsp&nbsp HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</p> <p>HTML(Hyper Text Markup Language)<br/>称为超文本标记语言,是一种标识性的语言。</p> <pre> HTML(Hyper Text Markup Language)称为超文本标记语言,是一种标识性的语言。</pre></body></html>

修饰标签和特殊符号:

文字斜体:<i></i>、<em></em>

加粗:<b></b>、<strong></strong>

下标:<sub>

上标:<sup>

&lt < 小于或显示标记

&gt > 大鱼号或显示标记

&reg ® 已注册

&copy © 版权

&trade ™ 商标

代码就不给了太麻烦了!

列表标签

<ol> 定义有序列表。

<ul> 定义无序列表。

<li> 定义列表项。

<dl> 定义定义列表。

<dt> 定义定义项目。

<dd> 定义定义的描述。




type属性值

disc 圆点

square 正方形

circle 空心圆

1 数字

a 小写字母

A 大写字母

i 小写罗马数字

I 大写罗马数字

无序列表实例:

<ul type="disc"><li>Coffee</li><li>Milk</li></ul><ul type="square"><li>Coffee</li><li>Milk</li></ul><ul type="circle"><li>Coffee</li><li>Milk</li></ul>

有序列表实例:

<ol type="1"><li>Coffee</li><li>Milk</li></ol><ol type="a"><li>Coffee</li><li>Milk</li></ol><ol type="A"><li>Coffee</li><li>Milk</li></ol>

定义列表:

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>

图像标签:

语法:<img src "" alt = "" .../>

img属性:

src URL 显示图像的URL

alt 文字 图像替代文本

height 数值和百分比 图像的高

width 数值和百分比 图像的宽

超链接标签:

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

herf:链接地址,可以是内部或外部链接

属性:

href 链接地址

target 链接的目标窗口_self _blank _top _parent

title 链接提示文字

name 链接命名

定义锚:

<a href = “#锚名1”>目录1</a>

<a href ="..." name = "锚名1"> 内容 </a>

定义锚(不同页面):

网页1:<a href = “网页名称#锚名1”>...</a>

网页2:<a name = "锚名1"> ... </a>

电子邮箱链接:

<a href = “mailto:邮箱地址”>...</a>

邮箱地址一定要完整!!!记好笔记!!!

实例:

<a href="http://www.baidu.com">百度</a>其他的链接方式把代码往里套用即可!!!

关键词:基础,总汇

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭