您的位置：首页 > Web前端 > HTML

【B/S】——Html基础

2016-04-28 15:30 295 查看

Html（超文本标记语言）：用于编写Web网页的一种标记语言，网页文件本身就是一种文本语言，通过添加标记符来显示网页中的内容。

一、基本元素框架

四种基本元素

♥空元素：<br>

♥带有属性的空元素：<hr color="blue">

♥带有内容的元素：<title>http://www.sunxin.org</title>

♥带有内容和属性的元素：<font color="red">http://www.sunxin.org</font>

框架

三、列表

♥有序列表

<ol type="序号类型" start="编号的起始值，只能为整数">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>

</ol>

♥无序列表

<ul type="序号类型">
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>

</ul>

♥<dl><dt>标签创建无符号的列表
♥<dt>创建缩进的列表

四、表格

♥<caption>表格</caption>：用于定义表格的标题
♥<tr align="center" valign="">…</br>：属性格式
♥<th>表头</th>：用于定于表头
♥<td>单元格</td>：用于定义单元格

五、表单

六、超链接+嵌入图片

<pre name="code" class="html"><html>
<head><title>链接的例子</title></head>
<body>
<!--网页名称-->
<a href="form.html">表单的例子</a><br>
<!--网页的绝对路径-->
<a href="F:\TGB\计算机\13.html速成_孙鑫\我的html

\FirstPage.html">表格的例子</a><br>
<!--网页的相对路径-->
<a href=".\form.html">表单的例子</a><br>
<!--网址-->
<a href="http://www.mybole.com.cn">程序员之间</a><p>
<!--网页加入图片后链接-->
<a href="http://www.mybole.com.cn">
<img src="花儿.jpg" width="500" height="300">
</a>
</body><br>
</html>

效果图如下：

相对index.html所有的目录而言：

“../”表示上一级目录开始

“./”表示当前同级目录开始

“/”表示根目录开始。

嵌入图片：

♥语法<img src="URL" width=n height=m>

src指定图片的位置，width height大小

小结

Html是我们进行BS学习的一个最基本的内容，只有把基础知识掌握扎实了才能走的更快更远。一步一个脚印♩♪♫♬♪

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享