HTML必备知识

HTML必备知识

HTML超文本标注语言（Hyper Text Markup Language）

HTTP超文本传输协议(hyper Text Transfer Protocol)

WWW 万维网（World Wide Web）

URL统一资源定位器（Uniform Resource Locator）

Hyper Link 超链接，指向www中其他资源

一、HTML基本标签

页面布局：

换行标签：<br/>

分段控制标签：<p>

使文本、图片、表格等之间留一空行。

原样显示文字标签<pre>

水平分割线<hr>

特定文字样式标签

粗体<b>标签

斜体<i>标签

下划线<u>标签

超链接<a>标签

先使用name属性事先于文件中埋下一个参考点
<a name="HTML">HTML简介</a>
<a href="#HTML">HTML简介</a>
用符号#以作识别

使用电子邮件

格式
<a href="mailto:mailAddress">HyperText</a>
例如
<a href="mailto:zhangsan123@163.com">联系张三</a>

列表项目

无序列表

<ul></ul>

<ul>
<li type="square">方形项目符号</li>
<li type="disc">实心圆项目符号</li>
<li type="circle">空心圆项目符号</li>
</ul>

有序列表

<ol></ol>

滚动的文字<marquee>

html的注释：

<!-- -->

与表格相关的标记

…

…	表标记
行标记（row）
	…	单元格标记(cell)
	…	表头单元格标记
标题标记

…

合并单元格

跨列：colspan

跨行：rowspan

二、样式表（CSS）

级联样式表（Cascading Style Sheets）

允许将样式信息与网页内容分离的一种标记性语言

基本的css语法

selector{property:value;}

selector:选择器，表明{}中的属性设置将应用于哪些html元素，例如body

property：具体对哪个属性进行设置

value：要设置的属性值

html文档引用style.css

@import url(style/style.css);

样式表的选择器（Selector）

HTML选择器-选择器是HTML标记的名称

类选择器-使用HTML元素的class属性

ID选择器-使用HTML元素的id属性