网页制作之表格,列表

一点自己的认识随便写写把

标签:成对存在的名称            <div>  </div>

标签注意: 1、标签名放在<>内              2、标签成对存在              3、标签可以嵌套              4、结束标签有斜杠/

文档基本标签 : html、head、body

文档基本结构 :
<!docType HTML> <html>     <head></head>------设置一些东西(配置信息)     <body></body>------页面上能看到的东西
</html>

设置快捷键:Ctrl+u

注释:<!--   注释内容  -->(页面显示不出来)   加速:<b>加粗</b>   斜体:<i>斜体</i>   下划线:<u>下划线</u>   换行:<br>-----可以不用成对(功能标签)   分割线:<hr>---可以不用成对(功能标签)   居中:<center>居中<center>

列表,表格

有序列表,无序列表

<ul></ul>----无序列表    <ol></ol>----有序列表
列表
<ul>   <li>列表1</li>   <li>列表2</li>    -------有序列表   <li>列表3</li> </ul>
<ol>   <li>列表1</li>   <li>列表2</li>    -------无序列表   <li>列表3</li> </ol>

表格 :
<table>
   <tr>        <td>单元格1</td>----------第一行        <td>单元格2</td>    </tr>
   <tr>        <td>单元格1</td>----------第二行        <td>单元格2</td>    </tr>
</table>

<table border="1" width="100%" cellpadding="0" cellspacing="0">
   <tr >        <td>单元格1</td>----------第一行        <td>单元格2</td>    </tr>
   <tr>        <td>单元格1</td>----------第二行        <td>单元格2</td>    </tr>
</table>
border设置的是最外层边框 width 单位单元格的宽度 cellpadding 单元格里面的内容与边框的距离 cellspacing 单元格之间的距离

<table border="1" width="100%" cellpadding="0" cellspacing="0">
   <tr height="100">

<td>单元格1</td>----------第一行

<td>单元格2</td>

</tr>
   <tr>

<td>单元格1</td>----------第二行

<td>单元格2</td>

</tr>
 height  单元格高度

<table border="1" width="100%" cellpadding="0" cellspacing="0">

<tr >

<th>单元格1</th>---------表头

<th>单元格2</th>
         <tr >

<td>单元格1</td>----------第2行

<td>单元格2</td>

</tr>
            <tr>

<td>单元格1</td>----------第3行

<td>单元格2</td>

</tr>

<table border="1" width="100%" cellpadding="0" cellspacing="0">
   <tr height="100">

<td colspan="2">单元格1</td>-----向右合并

<td roslpan="2">单元格2</td>-----向下合并        
   </tr>
   <tr>

<td>单元格1</td>

<td>单元格2</td>

</tr>

相关属性 width:宽度 height:高度 border:边框 cellpadding:边距 cellspacing:间距 colspan:水平合并 roespan:垂直合并 algin:水平居中 bgcolor:背景色

按住Ctrl不放+鼠标左键  可以编辑多个位置内容 按住Alt不放+鼠标左键上下拖动  可以编辑垂直行内容 Ctrl+D 复制光标所在行粘贴在下一行 Ctrl
<!--a标签 相对路径-->
相对路径:/代表根目录            ../代表上一级目录            ./自身目录(可省略)         跳转页面:<a href="aa.html">跳转到aa.html页面</a>  
a标签三个功能  页面跳转  锚链接(定位)  功能链接(下载等)

<!--图片标签 img  图片的替换文字-->
<img src="企业图标.PNG"  alt="这是企业logo"

<div> 块标签----默认占一行

希望大家补充

时间: 2024-10-08 15:48:14

网页制作之表格,列表的相关文章

网页制作_表格

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>网页的名字或者标题</title> </head> <body> <table border="表格边框通常是0" cellspacing="单元格之间的间距常用0&qu

网页制作时,如何在网页中插入表格?

在Dreamweaver中,表格可以用于制作简单的图表,还可以用于安排网页文档的整体布局,起着非常重要的使用.在网页中插入表格的方法非常简单,具体操作步骤如下: 1.打开网页文档,执行"插入""表格"命令 2.弹出"表格"对话框,在对话框中将"行数"设置为3,"列"设置为2,"表格宽度"设置为60% 3.单击"确定"按钮,插入表格 在"表格"对话框

《SEO在网页制作中的应用》视频笔记

学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个关键字对应很多网址,搜索引擎爬虫从一个链接到另一个链接,分析提炼其中的内容,找到关键字,如果是重要的或是首次出现的内容,就会添加到搜索引擎数据库,如果是垃圾内容或是重复内日你给,爬虫就会略过.当用户(比如在百度)搜索信息时,搜索引擎就从数据库检索出与之相关的网址,然后展示给用户,因为一个关键字可以对应很多网址

HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版?

html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记--同时介绍了目前流行的web标准与css网页布局实例,以及基于语言的网页特效制作.需要的朋友们可以下载看看! HTML\CSS\JavaScript网页制作从入门到精通共分为18章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特效制作.为了便于读者学习,附录中

【免费下载】全套最新 001网页制作HTML+CSS 视频教程+教学资料+学习课件+源代码+软件开发工具

001网页制作HTML+CSS视频教程 网盘地址: 链接:https://pan.baidu.com/s/1yTFfvxw8Mj9hoQfLh0G8TQ 提取码:bk9r 加公众号 获取更多新教程 教程目录大纲 ./001网页制作HTML+CSS ├── 01视频教程 │?? ├── 01HTML基础入门 │?? │?? ├── 10.HTML&CSS基础_实体.avi │?? │?? ├── 11.HTML&CSS基础_图片标签.avi │?? │?? ├── 12.HTML&C

网页设计Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页设计 Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程 更多&gt;

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页制作标准

网页制作标准概要 (程序员适用) 本文讨论的网页设计标准为WEB标准中典型的应用模式 "DIV+CSS". 希望大家只把这种应用模式当成结构表现分离,代码规范严格的优秀思想即可.建议大家要去消化而不是模仿,不管什么技术,什么口号,什么方法,我们的目的只有一个--我们要做到网页的最优化. 备注:"DIV+CSS"只是具体的实现技术手段,并不能涵盖web标准. 一.实施目的与效果 对于网站浏览用户 1. 文件下载与页面显示速度更快. 2. 内容能被手机访问到. 3. 用

网页制作工具

一.菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧! ①Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手.使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义.页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页.FrontPage带有图形和GIF动画编辑器,支持CG