HTML学习笔记

来源：互联网发布：中国地质大学网络教育编辑：程序博客网时间：2024/06/07 00:41

学习网站－wiki https://en.wikipedia.org/wiki/HTML#

HTML：是用于创建Web页面和Web应用程序的标准标记语言

一个最简单的helloworld程序

<!DOCTYPE html><html>  <head>    <title>This is a title</title>  </head>  <body>    <p>Hello world!</p>  </body></html>

从这个简单的几行代码我们可以清晰地比较程序语言，脚本语言和标记语言。

<!DOCTYPE html>定义文档类型

<html>和</html>之间的文本描述了网页

<head>和</head>定义了文档信息

<title></title>定义了标题

<body>和</body>之间的文本是页面可见部分

HTML常用元素

<html></html> 创建一个超文本标记语言文档。

<!....>定义注释

<head></head> （头）设置文档标题和其它在网页中不显示的信息。

<h1>-<h6>可定义标题<h1></h1> 最大的标题 <h6>最小标题

<p></p>定义段落（换行符<br>在不改变页面语义结构的情况下断开一行，而<p>将页面分成段落。）

<a></a>创建链接的标志 eg：<a href="链接的url地址">a link!</a>

<b></b> 黑体字

<i></i> 斜体字

<u></u>下划线（易与超链接混淆）

表单

<form> 定义供用户输入的 HTML 表单。

<input>定义输入控件

<textarea>定义多行的文本输入控件

<button>定义按钮

<select>定义选择列表（下拉列表）

<optgroup> 定义选择列表中相关选项的组合

<option>定义选择列表中的选项

<label>定义input元素的标注

<fieldset>定义围绕表单中元素的边框

<legend>定义fieldset元素的标题

<datalist>定义下拉列表

<keygen>定义生成密钥

<output>定义输出的一些类型

框架

<frame>定义框架集的窗口或框架

<frameset>定义框架集

图像

<img>定义图像

<map>定义图像映射

<canvas>定义图形

HTML属性

id是给一个单元（元素，标签）一个独一无二的标志，让浏览器在分析处理网页时找到id所在地方。

class是设置标签的类，用于指定元素属于何种样式的类

title是作为工具提示显示的.

lang 属性可以指定标签范围内的元素的语言种类。

abbr 属性表示它所包含的文本是一个更长的单词或短语的缩写形式。

dir属性定义目录列表

阅读全文

1 0