HTML基础篇

来源：互联网发布：传销金字塔算法编辑：程序博客网时间：2024/05/16 02:51

欢迎光临，这里是CL杂货铺，由小编为您服务！！！

<html>

<!--http-equiv 属性为http-equiv 属性为名称/值对提供了名称并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对

content="text/html用来告诉服务器的文档提交类型为一个html文件

charset="utf-8"告诉服务器当前应该以什么样的格式进行编码

-->

<!--meta标签 name 属性用来描述当前的描述类型，关键字、描述等

name="keywords"表示关键字；content="php,java,web"关键字的赋值既是"php,java,web"三个，用来搜索

name="description"表示描述；content = "这是一个HTML"表示对当前网页的描述

-->

<title>这是一个标题标签</title>

</head>

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

<hr/>

<p>这是一个html文件 </p>

<blockquote>
这是一个html文件这是一个html文件这是一个html文件
</blockquote>

<marquee direction="left" behavior="slide">滚动标签</marquee>

<br/>

一般情况:数学公式中或者化学公式使用:y=x的平方: y=x<sup>2</sup> 水:h<sub>2</sub>o <br/>

<pre>
凉州词
葡萄美酒夜光杯,欲饮琵琶马上催.
醉卧沙场君莫笑,我是流氓我怕谁.
</pre>

<a name="list"></a>

你最喜欢的明星是谁?
<ol type="I">
<li>汤姆汉克斯</li>
<li>梅西</li>
<li>詹姆斯</li>
</ol>

学生管理系统
<ul type="square">
<li>成绩管理</li>
<li>学生管理</li>
<li>教师管理</li>
</ul>

软件组织架构的划分
<dl>
<dt>技术总监</dt>
<dd>攻城狮1号</dd>
<dd>攻城狮2号</dd>
<dd>攻城狮3号</dd>
<dt>财务总监</dt>
<dd>会计师1号</dd>
<dd>会计师2号</dd>
<dd>会计师3号</dd>
</dl>

<span>行内标签</span>

<div>块标签</div>

<!--超链接标签:a标签
两个常用的属性:
href:连接到的地址或者资源文件
target:打开地址或者资源文件的方式:

_self:在当前窗口直接打开(如果没有写target属性默认就是_selft这种方式打开);

_blank:新建窗口打开
-->

<a href="../1.jpg" target="_blank">链接到的本地图片</a><br />

<a href="http://www.baidu.com">链接到的百度</a><br/>

超链接标签引用:
1)能链接到资源文件或者html地址
2)作用:用来锚链接使用，用来实现页面内或者多网页的跳转
1)打锚点
<a name="锚点名称"></a>
2)链接到哪里呢?
<a href="#name属性的值">超链接</a>
同一个网页打锚点:
1)打锚点:
<a name="锚点名称"></a>
2)链接到哪里呢?
<a href="#name属性的值">超链接</a>
针对不同的一个网页:
1)打锚点:
<a name="锚点名称"></a>
2)链接到的地址:
<a href="资源文件#锚点名称">连接到的资源</a>
-->

<!--img:表示图像标签:
空标签:只有结束标签
常用的属性:
src:链接到图片资源
width:宽度
height:高度
alt:替代文本,当前图片失效时,当前替代文本显示
title:当前鼠标悬浮在图片上,给出当前图片的提示

Map:直接在设计者个视图中给当前图片做一些热点区域:进行一些超链接访问
图片标签:src:一种是相对路径-->

<!--shape="rect"指定热点区域的形状为长方形，coords="250,100,400,200"表示对角的两个对角坐标

href="链接的资源文件"表示点击该坐标区域产生跳转 target = "_self"表示在当前窗口打开

-->

<!--

<table border="1px" width="400px" height="300px" align="center" bgcolor="pink"><caption style="color:#F00">2017年学生成绩表</caption>    <tr>    <th>姓名</th>       <th>班级</th>        <th>成绩</th>    </tr>    <tr align="center">    <td rowspan="2">狗娃</td>        <td>软工1班</td>        <td>90</td>    </tr>    <tr align="center">        <td>经济1班</td>        <td>80</td>    </tr>    <tr align="center">    <td>狗蛋</td>        <td>计算机2班</td>        <td>98</td>    </tr>    <tr align="center">    <td>狗剩</td>        <td>通信1班</td>        <td>85</td>    </tr>    <tr align="center">    <td colspan="2">平均分</td>        <td>80</td>    </tr></table>

<mark style="background:#FF0">这是我标记的重点</mark>

<audio src="music.mp3" constrols="controls">

</body>

</html>

小编在此感谢您的来访！！！若帮到你则倍加欢喜，若有纰漏还请指出！！！谢谢

阅读全文

0 0