5.26周二
Hypertext Mark-up Language
编写文件，以.html/.htm结尾
不区分大小写
5、标签：封闭类型
非封闭类型:<br/><hr/>
1.（开始标签内部加属性，属性多个空格隔开，无序）<body>覆盖整个浏览器
2. <head>常用标签：title、mate（告诉浏览器文档附加信息）、link、style、script
3. 常见mate：keywords <mate name=”keywords” content=”zf”>
Description（网站内容描述） <mate name=” Description” content=”一个女生”>
Author（作者）<mate name=”author” content=””>
4.重要标签：
<br/>换行
<hr/>水平线
<span></span>：无语义标签（代码块）,头标签要加属性限制：<style type=”text/css”>
Span{
Color:red;
}
</style>
<div></>:比span多换行
字体样式：加粗<strong>…</> <b>…</>
斜体：<em>…</> <i>…</>
下划线文本：<u>…</>
中划线：<s>…..</>
特殊符号：空格
大于号 >；
小于号 <；（输出<p>:<p>）
引号 "；
版权符号（@）©；
图片标签：<img>
必要属性：src（单标签、存放图片路径）
常用属性：Alt:图片未能正常加载，给用户提示
Width、 heigth、title
不常用属性：border（边框厚度）
路径问题：相对(多)/绝对
相对：图片文件在HTML文件同一级，只需输入图片名称
图片文件在HTML文件下一级文件夹，输入文件夹/文件名
图片文件在HTML上一级，在文件夹输入“../文件名”
绝对：完整文件路径或完整的网络路径
超链接：<a></> :<a href=””>
必须属性：href
外部链接：<a href=”http://www.baidu.com”>百度</a>
本地链接：<a href=路径>本地位置</a>
Target：新窗口-blank：新窗口打开 -本窗口打开
Title：鼠标经过时显示的信息
锚点链接：创建链接<a href=”#锚点名”>链接文本</a> 创建链接
利用标注调到目标位置 id=“锚点名”
<a name=”锚点名”>文本</a>
文本格式化标签<hr/>：
属性：align 水平对齐方式 right、left、center（默认）
Width 水平线长度
Size 水平线高度
Color 颜色
<address></>地址，有斜体效果
<pre></>预文本标签：保留文本原先格式
不常用：<del>删除字</> 、<small>小号字</>、 <sup>上标字</> 、<sub>下标字</>、<ins>插入字(有下划线)</>
5. 块级元素和行内元素
块级元素独占一行，行内元素同一行显示
块级元素默认宽度100%，行内元素由内容撑开
块级元素可以设置宽高，行内不可
块级元素可以设置margin和padding和四个方向，行内元素只可以设置margin和padding和左右值，上下不起作用
块级元素默认的display为block，行内元素一般只有行内元素和文本
常见的块级元素h1-h6，p，div等，行内元素也a，em，b，i，u，等
扫一扫
95
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
