HTML初级1

      初入前端,经过了上周的学习,渐渐理解了Web前端的意义。了解到了几个开发软件。现在所学习的软件是WebStorm,所用的语言是html,html 是一种标记语言,含义是超链接标记语言。在上周的学习过程过,学到了html中标签的意义。其中我说几个常用和印象深刻的标签。

      首先是<!DOCTYPE html>,<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

<title>是HTML语言制作网页的时候用来设置标题属性的是标题的意思,格式如下:<title>你的标题</title>。

<h1>--<h6> 标签用于设置网页中的标题文字,被设置的文字将以黑体或粗体的方式显示在网页中。标签是成对出现的,<hn(6>=n>=1)>标签共分为六级,在<h1>...</h1>之间的文字就是第一级标题,是最大最粗的标题;<h6>...</h6>之间的文字是最后一级,是最小最细的标题文字。

<body>是HTML语言里面的源码部分,主要就是网页的中心部分,也就是你所看到的刚页的部分。格式如下:<BODY> 这是写内容的地方</BODY>。

列表,列表包括无序列表和有序列表,定义列表,代码如下:
<ul></ul>--无序列表
<ol></ol>--有序列表
<dl></dl>--定义列表
ul和ol的子集都是<li></li>,dl的子集是<dt></dt>和<dd></dd>,dt和dd是同级关系。

<span></span>标签是没有任何的样式。

超链接:
<a href="地址"></a>:href的中间可以填写网址的地址或者链接,a标签的意义就是跳转到某个你指定的地方。
<a href="#">返回顶部</a>:#表示的是一个锚点,点击时就会跳转到你指定的某个锚点上。

图片:<img src="图片路径" alt="图片加载不出来时的提示"></a>

常用的标签有以下几种:
<hr/> 水平线
<sup></sup> 上标文本
<sub></sub> 下标文本
<p></p> 段落
<br/> 换行
<blockquote></blockquote> 缩进

<p>是网页设计中定义段落的标记

&nbsp:是表示空格,用几个空格就输入几个&nbsp。


特殊符号常用的有空格:&nbsp;

内联框架:
<iframe src="地址" frameborder="0或者1"></a>
frameborder表示设置外边框。0表示设置没外边框,1表示设置有外边框。

表格:
<table border="1"> ----------设置有边框的一个表格
<caption></caption> ----------表格的标题
<th></th> ----------表格的标头
<tr> ----------表格的行
<td></td> ----------单元格
</tr>
</table>

以上是一个完整的表格代码。其中在td中可设置合并行和合并列。代码如下:
colspan:合并行 rowspan:合并列

在table标签中还可以设置以下几个属性:
-----cellspacing:单元格之间的距离大小
-----cellpadding:单元格的外边距
-----align:在页面中表格的位置,值有left、right、center

 

posted @ 2016-09-04 15:39  Ian-任晓月  阅读(158)  评论(0编辑  收藏  举报