HTML—看完轻松入门

时间：2015-07-27 18:49:41 阅读：140 评论：0 收藏：0 [点我收藏+]

标签：html

概述：

HTML超文本标记语言（Hyper Text Markup Language），超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

标签元素：

基本内容：

基本元素：

空元素：<br>
带有属性的空元素：<hr color="blue">
带有内容的元素：<title>http://www.makang.com</title>
带有内容和属性的元素：<font color="red">http://www.makang.com</font>

对文本内容的控制：

1.<p align="#">:表示paragraph 作用：创建一个段，属性align表示段的对齐方式，#可以是left、center、right、justify
2.<br>：表示line break 作用：换行
3.<hr color="clr">：表示horizontal rule 作用：插入一条水平线，属性color用来指定线的颜色，clr可以是预定义的颜色名字，例如：red、blue、green、black等等，或者以16进制数表示的颜色值，clr=#rrggbb，例如：#ff0000表示红色。
技术分享

对文本的控制：

1.<center>...</center>：使文本居中显示
2.<hn align="#">...</hn>：用于指出文档的标题，n是从1到6的整数，1表示最大标题，6表示最小标题；属性align用于设置标题对齐的方式，#可以是left、center、right等。
3.<font size=n color="clr">...</font>：用于设置字体，属性size表示字体的大小，n可以是从1到7的整数，数字越大，字体越大；属性color表示字体的颜色，clr可以是预定义的颜色名字，或者以16进制数表示的颜色值。
4.<b>...</b>：使文本成为粗体。
5.<i>...</i>：使文本成为粗体。
技术分享

列表属性：

1.创建带数字的列表：<ol>标签中使用start属性，设置起始的序号；<li>标签中使用value属性，改变列表内的编号顺序。
技术分享

2.创建带字符的列表：在<ol>和<li>标签中使用type属性制动标号系统的类型，取值如下：
技术分享

3.创建带有项目符号的列表：在<ol>和<li>标签中使用type属性指定符号的样式，取值如：disc—显示为实心的圆圈、square—显示为实心的方块、circle—显示为空心的圆圈。
4.创建无符号的列表：<dl>与<dt>无符号列表；<dd>和<dt>缩进的列表。

表格元素：

表格定义：<table border=n aligh="#" bgcolor="clr">...</table>
border —边框的宽度，n为从0开始的整数，没有设置将不显示边框。
aligh —表格对齐方式，#可以是left、center或right。
bgcolor—表格背景颜色，与color属性取值一样。
<caption>...</caption>：表格标题。
<tr>：在表格中添加新行，如：<tr align="#" valign="#">..</tr>
<th>...</th>：定义表头。
<td>...</td>：定义单元格。

建立连接的语法：

1.超链接标签：<a href="URL">...</a>;href用于指定链接的目标，目标地址由URL定位，开始标签<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。
2.建立图片标签：<img src="URL" width=n height=n>;src指定图像资源的位置，属下width和height用于指定图片的尺寸。
3.URL相对路径、绝对路径、网址：
<a href="from.html">表单</a>,当前目录下文件
<a fref="../from.html">表单</a>,当前文件夹下的文件
<a href="E:/123/12/table.html">表格</a>,绝对路径文件
<a href="http://http://blog.csdn.net/makang456">马康CSDN</a>网址链接

特殊字符元素：字符引用和实体引用

<input>元素：

技术分享

感受：

学习了XTML之后，眼界开阔了许多，为下一步学习打下了一个好基础，不过学到的知识还是在以后运用的过程中才能更深入的理解。

HTML—看完轻松入门

标签：html

原文地址：http://blog.csdn.net/makang456/article/details/47088901

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行