HTML之初了解

来源：互联网发布：阿里云人力资源缪伟编辑：程序博客网时间：2024/06/07 06:32

这是一篇来自初学者的个人知识记录。

HTML是超文本标记语言。超文本是指图、文、声、像、超链接；标记即预定义标签；语言是指计算机编程语言。

HTML标签：<标签名属性名="属性值" 属性名="属性值"......>文本内容</标签名>,属性添加在标签名之后，用来设置文本内容的样式。

标签的分类：（1）单标签：<标签名属性名="属性值".../>;(2)双标签：<标签名属性名="属性值"...>文本内容</标签名>。

常用的标签：

1.HTML的结构：<html>

<head>

</head>

<body>

</body>

</html>

2.文本标签：

文本修饰

<font></font>：修饰文字内容，属性：color（文字颜色）、size（字体大小）、face（字体）；

<b></b>：字体加粗；

<s></s>：加删除线；

<i></i>：字体斜体；

<sub></sub>：下标；

<sup></sup>：上标；

<strong></strong>：文字强调；

段落

<h(1-6)></h(1-6)>：标题标签；

<p></p>：段落；

<hr />：分割线，属性：size（高度）、width（宽度）、color、align；center：内容居中；

<br />:换行；

3.图片标签：

<img /> 属性：src（图片的路径）、href（图片网址）、target（图片的打开方式）、title（鼠标悬停提示）、name（定位锚点）、alt（图片描述）。

4、超链接

<a></a>：超链接标签，属性：href(网址)、target(打开方式)、title(鼠标悬停提示)、name(定位锚点)，功能：链接网络资源、本地定位；

5、列表

<ul></ul>：无序列表，属性：type（符号的样式）；

<ol></ol>：有序列表，属性：type（符号的样式）、start、value；

dl-dt-dd：自定义列表；

6、表格

table：表格根标签，属性：border(边框)、width、height、align；

tr：一行；

td：一列，属性：rowspan(合并行)、colspan(合并列)；

th：标题；

7、刷新/跳转

<metahttp-equiv="refresh"content="5;url=http://www.baidu.com"/>

8、滚动

<marqueebehavior=SLIDE >This is a slide effect</marquee>

9、表单

文本框： <inputtype="text"name="userName"/>

密码框：<inputtype="password"/>

单选按钮:<input type="redio" name="sex" value="男">男

<input type="redio" name="sex" value="女">女

复选框：

<inputtype="checkbox"name="hobby"value="敲代码"/>敲代码

<inputtype="checkbox"name="hobby"checked="checked"/>编程

<inputtype="checkbox"name="hobby"checked="checked"/>Java

文本域：<textarearows="6"cols="30"></textarea>

下拉框：

<optionselected="selected">研究生</option>

</select>

10、头标签

title：标题；

meta：配置信息，属性：name；

link：引入外部文件；

在title里添加图标：

<linkrel="icon"type="image/x-icon"href="img/logo.ico"/>

script：JavaScript脚本程序；

style：css代码；

base：对超链接的全局设置；

11、框架

iframe：内联框架

<iframesrc=" "width="100%"height="50px"frameborder="0">

</iframe>

frameset-frame：使用该框架结构时，要删除body标签；

<framesetrows="100,*">

<framename="top"src="index.html"/>

<framesetcols="50,*">

<framename="left"src="lianjie.html"/>

<framename="right"src="gsjj.html"/>

</frameset>

阅读全文

1 0