HTML_元素-属性-格式化&&样式-链接-表格_1

1

元素-属性-格式化:

<body bgcolor = ""   backgroud="" >  背景颜色 背景图片

<b>    </b> 

<big>  </big>

<em>  </em>

<i>     </i>

<small>        </small>

<strong>     </strong>

<sub>            </sub>

<sup>            </sup>

<ins>              </ins>

<del>              </del>

</br>

<h1 align="center|left|right">        </h1>

<p>        </p>

<img src=""> </img>

<a href="http://www.baidu.com"     target = "_self|_blank">  </a> !!!必须有http

2

HTML5样式:

(1)    外部样式:(通常都是在head进行写,因为方便调整)

<link rel="stylesheet" type="text/css" href="test1.css">

其中test1.css:

h1{

color:red;

}

h2{

color:pink;

}

(2)    内部样式:

<style type="text/css">

p{

color:yellow;

}</style>

(3)    内联样式表:

<h3 style="color:#0F9;">Third</h3>

HTML5链接:

文本链接:

<a href="http://www.baidu.com" target="_blank">Click Here</a>

图片链接:

<a href="Test.html"><img src="head2.jpg" width="100px" height="100px" alt="TestLogo"></a>

属性:name(用来创建文档内的链接)

<a name="top">Hello</a>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<a href="#top">Change to Hello</a>

3

HTML5表格使用

border:表格的框。

<table border="1">

caption:表格的题目。

<caption>

Head

</caption>

tr,th:分别代表表格行与表格头。

<tr>

<th >Head1</th>

<th >Head2</th>

<th >Head3</th>

</tr>

td,cellpadding,background:分别代表单元格,单元格的延伸,背景图片。

<table border="5" cellpadding="20" background="head2.jpg">

cellspacing,bgcolor:单元格之间的空隙,单元格内的背景颜色。

<table border="5" cellspacing="10" bgcolor="blue">

colspan,align:一个单元格可以横跨所占的列数,单元格内排列的方式。

<td colspan="3" align="center">Cell444</td>

rowspan:单元格可以竖跨所占的列数。

<td rowspan="2">

 

时间: 2025-01-01 11:15:27

HTML_元素-属性-格式化&&样式-链接-表格_1的相关文章

JQuery元素属性和样式操作、以及设置元素和内容

一.JQury元素属性操作通过JQuery可以对元素本身的属性进行操作,包括获取属性的属性值,设置属性的属性值,并且可以删除属性值(attr()和removeAttr()).二.JQuery样式操作元素样式操作包括了:直接设置css样式.增加css样式.类别切换.删除类别.例如:$('div').css('color');//获取元素行内的css样式颜色.$('div').css('color'. 'pink');//设置我最喜欢的粉色.var box = $('div').css(['colo

HTML元素 属性 格式化标签

一.HTML元素: 1.元素指的是从开始标签到结束标签的所有代码         <p>This is my web page.</p> 开始标签:<p> 结束标签:</p> 元素内容:This is my web page. 2.HTML元素语法 元素的内容是开始标签与结束标签之间的内容 空元素在开始标签中进行关闭 大多数HTML元素可拥有属性 3.嵌套的HTML元素 大多数HTML元素都是可以嵌套的 二.HTML属性 1.标签可以拥有属性为元素提供更多的

HTML5样式 链接 表格

HTML样式 1.标签: <style>    样式定义 <link>    资源引用 2.属性: rel = "stylesheet"   外部样式表 type = "text/css"    引用文档的类型 margin-left    边距 外部样式表:         <link rel="stylesheet" type="text/css" href="mystyle.css

从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

原文:从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来!

链接样式和表格样式

链接的特殊性在于能够根据它们所处的状态来设置它们的样式 链接伪类 :link,控制正常显示时状态 :visited,控制访问过的状态 用户动作伪类 :hover,控制鼠标悬停时的状态 :active,控制被激活时的状态 表格样式 边框合并border-collapse 如果设置了单元格的边框,相邻单元格的边框会单独显示,类似于双线边框 border-collapse属性:合并相邻的边框 设置是否将表格边框合并为单一边框 border-collapse:separate/collapse: 边框边

jQuery学习笔记(4)-设置元素的属性和样式

一.前言 本篇主要讲解如何使用jQuery获取和操作元素的属性和css样式 二."DOM属性"与元素属性 1.运行一下代码 <img src="/images/logo_small.gif" class="img_logo" /> 2.分析代码 元素属性src:/images/logo_small.gif 元素属性class:img_logo DOM属性currentSrc:http://localhost/images/logo_s

使用jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

jQuery入门(2)使用jQuery操作元素的属性与样式

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 一.区分DOM属性和元素属性 对于下面这样一个标签元素: <img id='img' src="images/image.1.jpg" alt='1' class="imgs"></img> 我们通常将id.src.alt.class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性

jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同