HTML

来源:互联网 发布:javascript键值对 编辑:程序博客网 时间:2024/06/05 07:02

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.跨行和跨列单元格

0 0
原创粉丝点击