HTML基础总汇

2023-06-27 0 557

HTML(Hyper Text Markup Language)称作LZ77记号词汇,是一类标记性的词汇。

HTML特点:

HTML不须要校对,间接有应用程序继续执行

HTML文档是两个文本文档

HTML文档要采用html或htm为文档名前缀

HTMLUTF不脆弱,HTML与html那样

总体内部结构:

颈部文本

记号符< html>:表明该文档是用LZ77记号词汇来叙述的,它是文档的结尾,而</html>则则表示该文档的结尾,它是LZ77记号词汇文档的已经开始记号和结尾记号。

<head></head>:这2个记号符依次则表示颈部重要信息的已经开始和结尾。颈部中包涵的记号是网页的副标题、前言、表明等文本,它这类不做为文本来表明,但负面影响网页表明的效用。颈部中最常见的记号截叶副标题记号符和meta记号符,当中副标题记号符用作表述网页的副标题,它的文本表明在网页询问处的副CSS2中,网页副标题可被应用程序用作记事本和珍藏目录。

市场主体文本

<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是LZ77记号词汇! </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)称作LZ77记号词汇,是一类标记性的词汇。</p> <p align=“left”>HTML(Hyper Text Markup Language)称作LZ77记号词汇,是一类标记性的词汇。</p> <p align=“right”>HTML(Hyper Text Markup Language)称作LZ77记号词汇,是一类标记性的词汇。</p> <p align=“center”>HTML(Hyper Text Markup Language)称作LZ77标记词汇,是一类标记性的词汇。</p> <p align=“justify”>HTML(Hyper Text Markup Language)称作LZ77记号词汇,是一类标记性的词汇。</p> <p>&nbsp&nbsp&nbsp HTML(Hyper Text Markup Language)称作LZ77记号词汇,是一类标记性的词汇。</p> <p>HTML(Hyper Text Markup Language)<br/>称作LZ77记号词汇,是一类标记性的词汇。</p> <pre> HTML(Hyper Text Markup Language)称作LZ77记号词汇,是一类标记性的词汇。</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>

其他的链接方式把代码往里套用即可!!!

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务