html标签（一）

最新推荐文章于 2024-10-07 17:45:00 发布

perfumepoi

最新推荐文章于 2024-10-07 17:45:00 发布

阅读量248

点赞数

文章标签： html cs 标签

1. B/S和C/S架构
client/server 客户端服务器架构。

browser/server 浏览器/服务器缺点：维护升级困难，成本太高

2。服务器访问的原理
html文件的组成：
html由html、css、js组成，浏览器是翻译官，它把html文件翻译成页面
hypertext markup language：超文本标记语言。
html文件的后缀是html或者是htm
文件名不要是中文
文件存储格式：UTF-8无BOM格式

3. 学习标签：
1）记功能
2）写法：
双标签：<标签名属性1="值1" 属性2='值2' 属性3=值3>内容</标签名>
单标签：<标签名属性1="值1" 属性2='值2' 属性3=值3 />
注：标签不区分大小写,一般小写
标签写的时候应该是英文半角
标签可以嵌套
标签容错性好，一般不会出错

4. 全局架构标签

<!DOCTYPE HTML> 文档类型
<html> 根标签
<head>

</head>
<body>

内容
</body>
</html>
SEO（search engine optimatization）通过大量堆积关键词，提高搜索排名

meta 告诉浏览器以指定编码显示html文件

body(leftmargin,topmargin,bgcolor,background text link alink vlink) 网页正文，要显示的内容都放到body下
leftmargin:左边距
topmargin:上边距

bgcolor:背景颜色，先记几个单词：red\blue\black\green\yellow\pink
text:文字颜色
background:背景图片，会覆盖背景颜色

了解：
link:未点击的时候超链接颜色
alink:点击的时候超链接颜色
vlink:访问过后的超链接颜色

全局属性
class、id、name、style
书写格式
注意缩进
5 重要标签
html特性
如果单词中间没有空格，不会换行
无论有多少个空格、换行都只显示一个空格
标题：<h1></h1>~<h6></h6>
h1一个页面只要一个，否则不能提高搜索排名

水平分割线：<hr />（独立标签）
align:对齐方式 left center right
width: 200 绝对值 50% 百分比

段落：
分段：

换行： （独立标签）
不自动换行：
修饰：
加粗：
斜体：<cite></cite>
下划线：
中删除线：<del></del>
上标：
下标： 看圆圈的位置，在上面的是上标
保持原来的格式：<pre></pre>
块引用<blockquote></blockquote>
字体：(face,size,color)
face 字体名称
size 字体大小 1--7
color 字体颜色
实体引用：
可以表示html特殊符号，以&开始，以；做结束
  空格

注释：

1）方便其他人阅读代码
2）方便调试

6 列表标签
有序表
<ol>order list</ol>
start 开始的位置，只能是数字
type：显示的类型 1,a,A,i,I
无序表
<ul></ul> type(disc, square,circle)
列表
<dl></dl>
<dt></dt> 条目
<dd></dd> 内容

7 图片标签(独立标签)
<img src='' title='' border='' width=''/>
相对路径
./ 当前目录（html文件所在目录）
../ 当前目录的上级目录
./images/ 当前目录下级目录
绝对路径
本地文件系统的绝对路径
以html问所在盘符为基准
/ 代表盘符根目录
站点的绝对路径（了解）
/代表网站根目录
网页的绝对路径
src
title
border
width/height

8.音频和视频的控制
1)音频
<audio src="" controls loop autoplay></audio>
src:音频来源
controls 控制面板
loop 循环播放
autoplay 自动播放

2)视频
<video src="" controls="" loop="" autoplay width=""></video>
width/height 设置一个就可以