需要一份html教程的网页制作,主题是我的个人网页,(个人设计网页,关键词优化)

时间:2024-05-06 05:15:48 作者 : 石家庄SEO 分类 : 关键词优化
  • TAG :

    %E9%9C%80%E8%A6%81%E4%B8%80%E4%BB%BDhtml%E6%95%99%E7%A8%8B%E7%9A%84%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%EF%BC%8C%E4%B8%BB%E9%A2%98%E6%98%AF%E6%88%91%E7%9A%84%E4%B8%AA%E4%BA%BA%E7%BD%91%E9%A1%B5%EF%BC%8C

我知识给借鉴 希望帮助网页设计教程 <html>文字操作()1、段落 <p>……</p>dreamweaver设计界面enter(车)即另起段2、换行 <br/>dreamweaver设计界面shift+enter即另起段3、标题1~6 <h1>……</h1>标题1依变4、空格:Dreamweaver 允许空格需要使用连续空格则需要设置或使用;或使用快捷键:ctrl+shift+space(空格键)5、水平线 <hr> size:水平线粗细width:度align:齐式<htlm>文字操作(二)、几文字特殊效1、加粗<b></b> <strong></strong>2、倾斜<i></i> <em></em>3、标<sup></sup>(适合用代码实现设计完)4、标<sub></sub>(适合用代码实现设计完)随着css逐渐普及文字效都更通css实现几标签作解即二、文字列表1、序列表序列表两标签<ul><li><ul> <li>CSS教程</li> <li>DOM教程</li> <li>XML教程</li> <li>Flash教程</li></ul>2、序列表序列表两标签<ol><li><ol> <li>CSS教程</li> <li>DOM教程</li> <li>XML教程</li> <li>Flash教程</li></ol>图片、何获取图像途径通互联网二、使用设计界面插入图像1、菜单(图片属性:替换文字)2、工具栏3、拖曳三、图像格式扩展阅读:http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.htmlJPEG图像、GIF图像、PNG图像四、代码&lt;img src=" " width=" " height=" " alt=" "/>、超级链接基本知识1、含义:实现网页间跳转联系2、类:绝链接 http://www.baidu.com相链接 同站点同位置间链接二、三种见超级链接1、文字链接<a href="http://www.baidu.com"&gt;百度&lt;/a&gt;2、图像链接3、图像热点链接===============太用链接1、空连接 <a href="#">空连接</a>2、锚链接:同页面同位置跳转三、链接属性链接目标 <a href="http://www.baidu.com" target="_blank">百度</a>表单设计、设计界面1、单元格间距2、单元格边距二、代码1、属关系:表格由行组行由单元格组表格:<table>……</table>行:<tr>……</tr>单元格:<td>……</td>2、<table>标签属性bgcolor:背景色cellspacing:表格单元格间距(间距)cellpadding:表格单元格边距(填充) 文字占据行<div></div>文字占据行<span></span> 、html引入css几种1、链接式css代码写独立文件文件扩展名.csshtml网页使用<link/>标签外部css文件放<head></head>间举例:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>标题文档</title><link href="tp.css" rel="stylesheet" type="text/css"></head>2、嵌入式Css代码写<head></head>间并且用<style></style>包含起考虑兼容性再使用<!-- --> css代码包含其<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>标题文档</title><style type="text/css"><!--p { font-family: "楷体_GB2312"; font-size: 18px;}--></style></head> 1.标签选择器:网页元素本身所XHTML框架标签都作CSS式选择器定义段落式我选择P标签名称即P作选择器P{/定义段落属性/}定义标签式则整网页使用该标签都应用式般应用统文档某元素显示式2.ID选择器:唯网页同元素ID且元素能应用ID我使用Javascript控制网页元素候通ID实现种情况工作定义候用#始应用候用id=名称由设计者确定3. 类选择:名称由设计者确定定义候用点号始应用候用class=;与ID选择器所同具特性ID特性说类选择器应用网页元素且元素应用类元素应用两类式间用空格能三或者更同等条件ID具比class更高优先权 1、复杂类选择器p.one{color:red}实例:<style>.one{color:red;}p.two{color:blue;}</style>.one用于各种标签;two能用于p标签2、代选择器div p{color:#00FF00}例:<div><h1>标题</h1><p>我兵</p></div>3、组合选择器(集体声明)ph1.one{color:red}4、通用选择器html文档所元素进行控制*{color:red;}5、伪类选择器a:link;hover;visited;active或者:a.one:link;a#two:link用css定义链接各种状态定要注意其书写顺序即::link :visited :hover :active按照该顺序书写能达自希望效、属性1. font-size字号直接填入数字选择单位2.式font-style设置文字外观包括、斜体、偏斜体3.行高 line-height项设置网页制作种用设置行高选择让计算机自调整行高使用数值单位结合形式自行设置需要注意单位应该文字单位致行高数值包括字号数值内例文字设置12pt要创建倍行距则行高应该24pt4.修饰 font-decoration文本特殊式:划线、删除线、闪烁(IE支持效)5.粗细 font-weight设置文字加粗变细效6.颜色 color设置文字色彩 颜色表示见RGB模式、十六进制模式名称模式7.字体 font-family设置文字字体注意字体选择8.文本齐 text-align设置文本水平齐式 仅仅局限于文字泛指所包含内容9.文字缩进 text-indent重要项目文文字首行缩进由实现首先填入具体数值选择单位文字缩进字号要保持统字号12px像创建两文自缩进效文字缩进应该18px二、属性值:css单位1、单位:pxem2、颜色单位:red#00ff00 三、css背景 1、背景色:background-color: (5-1)2、背景图片:background-image:url(^);(5-3)3、背景图片重复式:background-repeat:(5-5)4、背景图片位置:background-position:top right;(30% 70%;水平位置 垂直位置)(300px 30px;)(5-8)5、背景图片固定与否:background-attachment:scroll;(fixed;)背景否与网页内容起滚(5-10)fixed:背景内容;scroll:背景内容起滚6、背景图片综合式:background:blue url(……) no-repeat fixed 5px 10px; 7、列表式:list-style:

本文:需要一份html教程的网页制作,主题是我的个人网页,的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:静宁2017年住房保障公告名单下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18