本文介绍了HTML和CSS的基础知识，包括HTML标签、属性及其使用方法，CSS样式表的三种插入方式，以及表格的相关标签和属性设置等。
cursor光标 指针
intellij IDEA
HTML XHTML CSS CSS3 JS JQ-UI JQ-Mobile ajax HTML5
alt+上箭头 向上移动
alt+command+点按下箭头 向下快速复制
command+D 删除整行
有/结束标签
p表示一个段落 行间距大
<br/>空标签 空元素 换行作用 行间距很小
属性以键/值对的形式出现
如：href = “www.baidu.com”
常用标签属性：
<h1>:align对齐方式
<body>:bgcolor背景颜色
<a>:target规定在何处打开链接
通用属性：
class:规定元素的类名
id:规定元素唯一ID
style:规定元素的样式 head中引用css
title:规定元素的额外信息
1.链接数据：
文本链接
图片链接
2.属性：
href属性：指向另一个文档的链接
name属性：创建文档内的链接
3.img标签属性：
alt:替换文本
HTML样式
1.标签：
<style>:样式定义
<link>:资源引用
2.属性：
rel = “stylesheet”:外部样式表
type=“text/css”:引入文档的类型
margin-left:边距
1.三种样式表插入方法：
外部样式表：
<link rel=“stylesheet” type=“text/css” href=“mystyle.css”>
内部样式表：
<style type=“text/css”>
body{background-color:red}
p{margin-left:20px}
</style>
内联样式表：
<p style=“color=red">
<table>定义表格
<caption>定义表格标题
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格的单元
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚
<col>定义表格的列属性
1.没有边框的表格 border=“0" 或不填写 border
2.表格中的表头
<tr>
<th>表头</th>
</tr>
3.空单元格 不输入内容
<tr> <td></td></tr>
4.带有标题的表格
<caption>重要表格</caption>
5.表格内的标签
6.单元格边距 <tableborder="1"cellpadding="10">
7.单元格间距 <tableborder="1"cellspacing="10">
8.表格内的背景颜色和图像 <tableborder="1"bgcolor="aqua”>
<table border="1"background="html.png">
9.单元格内容排列
10.跨行和跨列单元格
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
