了解web网站开发流程

 Web网站开发流程:
域名,服务器,开发,推广,维护。
Wwb标准:结构(html)+表现(CSS)+行为(JS)
相关的组织:
W3C html+css语法基础
ECMA JS的语法基础
WHATWG html5
html 超文本标记语言 hyoer tetxt narkup language
XHTML 可扩展性的超文本标记语言 语法更加严格

<doctype html>
注释 头部<head>
<html lang="en"> 换成中文 zh-en
注释 网页标题 <title>百度一下</title>(结尾)
<meta charset=“utf-8">(注释:设置语言为中文)
<body>(注释:主题部分)</body>
</head>
1网页开发流程
2web标准:html+css+js 结构,表现,行为
3w3c ecmascript
4html xhtml html5
5html 超文本标记语言 超链接 标签
6网页基本模板 声明文档类型
html
head
title(对搜索引擎非常重要,友好)
meta
body
7单词
type 类型
head 头部
body 身体
title 标题
set 设置
char 字符
解释<body>
1. (超链接添加网站)标签的写法<div href="http//.baidu.com"(属性=属性名)>点我去百度</div>
(文字默认是蓝色,文字有下划线,鼠标放上去显示手型)
(功能标签,跳转用) <a href="www.baidu.com"(属性=属性名)>点我去百度</a>
2.页面跳转分文原窗口打开和打开新窗口
(特殊标签) <a href="www.baidu.com target="_blank(_SELF原窗口打开默认值) " title="....">点我去百度</a>
<img src=“” alt="" title="">
target是目标 blank是空白页
title鼠标悬停时显示的提示文字
3.图片<img src="(C盘路径,D盘路径等等)">!!!不可以使用
<img src=“../文件夹名/文件名.jpg(相对路径:通过当前文件找到目标文件)"
../(退一步)../../(退两步)以此类推 建议不要跨盘(地球找不到月球)
快捷键IMG+TAB直接生成图片快捷方式
有图片就要有他 al=""
<img src" " alt=" " title="(鼠标点击图片显示文字)" >
<a href="跳转的地址" target="_blank" title="鼠标悬停显示"></a>
<img src="图片路径" alt="图片加载失败时显示"title=鼠标悬停时显示>
4.表格 <table>
<table(表格) border(边框)=“10” bordercolor (边框颜色)=RED(红色) cellspacing(外边距)="0" cellpadding(外边距)="0" align="center"(水平居中) height(高度)=“200” <width(宽度)="293">
表格表头:<table(加粗) border(边框)=“1” width(表格宽度)="800" height(高度)="400" bordercolor(边框颜色)=“red” cellspacing(表格框外边距)="0" cellpadding(内边距)="0">
<thead>
<tr>
<th height="20" weith="40">姓名<th>
<th>性别<th>
<thead>
<tr>(行)
<td>1</td>(列)
<td>2</td>
<table>
<tr>(行)
<td>1</td>(列)
<td>2</td>
<tfoor>
<tr>(行)
<td>1</td>(列)
<td>2</td>

 

<tr>(行)
<td>1</td>(列)
<td>2</td>
table>tr*5>td*4表格快捷键


单词速记:type类型
title网页
charset字符编码 char字符set编码
targe目标
alt----对搜索引擎友好
width宽度
height高度
bordercolor边框颜色
head 头部
colspan向右合并
rowspan向下合并
bordercolor颜色
bgcolor表格背景颜色
thead th
tbody td
tfoot td
WEB表现行为 结构,表现,行为
中文 html lang="zh-cn"
网站地址 http://

posted @ 2020-08-15 09:54  狗狗老爹  阅读(769)  评论(0)    收藏  举报