HTML基础

来源:互联网 发布:淘宝最好的饰品店 编辑:程序博客网 时间:2024/06/06 01:36

前言

    第一次接触html是在c#视频,第二次是在牛腩新闻发布系统,但是前两次的学习都是比较零散的学习,只有这次才真正是系统的学习html。结合之前学习的内容,现在做一些总结。


是什么?

     HTML(全称为Hypertext Markup Language),超文本标记语言。

(1)“超文本”指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

(2)HTML的结构:“头”(head)——提供关于网页的信息

                 “主体”(body)——提供网页的具体内容

                             (来自百度百科)

相关概念:

    web页面:world wide web(万维网)是一个庞大的信息空间,我们使用万维网,最终呈现在浏览器中的信息,就是web页面。

    与html的关系:web页面绝大多数用html编写。


有什么


举例——标签

(1)开始标签(以“/”为结尾),结束标签(不以“/”为结尾

(2)与段落相关(<p>、<br>、<hr>)

<p align="#">    用于创建一个段(p:paragraph,align:段的对齐方式)<br>             用于换行(line break)<hr color="clr"> 用于插入一条水平线(hr:horizontal rule,color用于指定线的颜色,clr可以是预定义的颜色名字,或者16进制数表示的颜色值)

(3)与文本相关(<center>、<hn>、<font>、<b>、<i>)

<center></center>使文本居中显示<hn align="#"></hn> 指出文档的标题,n是从1-6的整数,1表示最大标题,6表示最小标题,align用于设置对齐方式<font size=n color="clr"></font> 设置字体的大小以及颜色,n是从1-7的整数,数字越大,字体越大<b></b>  使文本成为粗体<i></i>  使文本成为斜体

(4)列表

(4.1)数字列表(<ol>、<li>)

<ol start="2">           start设置起始的编号   <li>vb   <li>c   <li value="22">c++    value改变列表的编号顺序   <li>c#</ol>

显示结果为:

2.vb

3.c

22.c++

23.c#

(4.2)带有项目符号的列表(<ul>、<li>)

<ul type="disc">      type用于指定符号的样式(disc实心圆圈,square实心方块,circle空心圆圈)   <li>vb   <li>c   <li>c++      <li>c#</ul>

(4.3)无符号列表(<dl>、<dt>);使用<dd>标签替换<dt>,创建缩进列表

(4.4)术语列表(在<dl>元素中同时使用<dt>——指定术语,<dd>标签——指定说明

(5)表格

<table border=n align="" bgcolor=""></table>border用于定义表格边框的宽度,align设置对齐方式,bgcolor设置表格的背景色<caption></caption>  定义表格的标题<tr align="" valign=""></tr>  在表格中添加一个新行,align水平方向上的对齐方式,valign垂直方向上的对齐方式<th></th>  定义表头<td></td>  定义单元格


小结

    html的具体内容很详细很多,博文只是选取了一些较为常用的例子,希望能给初学者一些帮助。