码迷,mamicode.com
首页 > Web开发 > 详细

网页笔记

时间:2015-06-04 15:40:28      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

2015.6.4

HTML:超文本标记语言 CSS:样式表 JavaScript:脚本

HTML标签---成对儿出现的是双标签元素,单个儿出现的是单标签元素

一、通用标签

1.格式控制标签

<font></font> 文字

color 文字颜色 face 文字字体 size 文字大小

<b></b> 加粗

<i></i> 倾斜

<u></u> 下划线

<br/> 换行

&nbsp; 空格

<center></center> 居中

2.内容标签

<h1>—<h6> 标题---h1字号最大,h6字号最小

<p></p> 段落

<div></div>;<span></span> 层标签,用于网页布局,两者之间可相互转换

<ol> 有序列表

<ol>

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

</ol>

页面显示为:

1.第一项

2.第二项

3.第三项

自动排序一般默认阿拉伯数字排序,从1开始,也可用type属性设置英文或罗马数字标号

<ul>无序列表

<ul>

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

</ul>

页面显示为:

●第一项

●第二项

●第三项

每一项前面没有序号

 二、常见标签

<a></a> 超链接

href属性,指向超链接跳转页面

<a href="网址或文件名"> 插入网页或文件超链接

target 超链接的打开方式

<a href= http://www.baidu.com target="blank">超链接<a/>

alt img标签里的一个图片替代文字

<img src=" " width="宽度值" height="高度值" alt="卡通人物"/>

<img/>图片

src属性,图片源

<img src="图片名"  width="宽度值" height="高度值"/> 修改原尺寸过大的图片,使之适应网页布局

<table><table/> 表格

插入表格代码:

<table>

   <tr>

      <td><td/>

      <td><td/>

   </tr>

   <tr>

      <td><td/>

      <td><td/>

   <tr/>

   <tr>

      <td><td/>

      <td><td/>

   <tr/>

<table/>

body的几个属性:

background 背景图片 bgcolor背景颜色 text 网页文字颜色

Dreamweaver三个界面:代码、拆分、设计---可以在设计界面直接添加表格

表格的几个参数:

width 宽度 border 边框 align 对齐方式 bgcolor 背景色 rowspan 合并行 colspan 合并列

锚点:

1.设置锚点:在a标签里面加个name属性来声明锚点的名字

<a name=" ">内容<a/>

2.设置跳转超链接

<a href="#锚点名">超链接内容<a/>

网页笔记

标签:

原文地址:http://www.cnblogs.com/kxy3-1314/p/4551721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!