网页设计与网站建设ppt,微信运营商怎么联系,汉中门户网,网站页面设计的特色一些标签
单双标签 双标签。双标签指标签是成对出现的#xff0c;也就是有一个开始标签和一个结束标签#xff0c;开始标签用 标签名 表示#xff0c;结束标签用 /标签名 表示#xff0c;只有一对标签一起使用才能表示一个具体的含义。例如 html也就是有一个开始标签和一个结束标签开始标签用 标签名 表示结束标签用 /标签名 表示只有一对标签一起使用才能表示一个具体的含义。例如 html/html 表示一个 HTML 文档。 单标签。单标签指标签不是成对出现的也就是只用一个标签就能表示一个具体的含义例如 br 表示换行、hr 表示创建一条水平线。为了符合 W3C 规范单标签必须在标签后面加一个斜杠即 br/、hr/所以单标签通用格式为 标签名/。 段落标签 p /p 换行标签 br/ 水平横线 hr / 标题标签 h1 aligncenter/h1 h1-h6 文本样式标签 font 属性属性值 /font 属性face字体 size大小 color颜色等 font face宋体 /font 文本格式化标签 粗体 strong/strong 或 b/b 文字下画线 ins/ins 或 u/u 文字斜体 em/em 或 i/i 文字删除线 del/del 或 s/s 图像标签 img src图像路径/ alt 图像不能显示时显示文本 title 鼠标悬停图片显示文本 HTML注释 !-- 在此处写注释 -- 特殊符号
HTML 原代码显示结果描述lt;小于号或显示标记gt;大于号或显示标记amp;可用于显示其它特殊字符quot;“引号reg;®已注册copy;©版权trade;™商标ensp;半个空白位emsp;一个空白位nbsp;不断行的空白HTML基本结构
html包含head、body等其他标签
/html
head头部标签元素
/head
body主体内容
/body
常用的头部标签
标 签描 述title定义页面标题内容唯一必须的头部标签。base当前文档的基准地址其他相对地址都建立在此基准地址之上。meta有关文档本身的元信息例如文档的作者用于查询的关键词关于文档的描述等。style定义 CSS 层叠样式表的内容。link定义外部文件的链接最常见的用途是链接外部样式表。script定义页面中程序脚本的内容。
设定关键字、描述和字符集 Keywords 表示关键字定义content 属性值表示关键字内容关键字之间要用逗号分隔。 meta nameKeywords contentvalue / Description 表示描述定义content 属性值表示描述内容 meta nameDescription contentvalue / 在中国大陆地区常用的编码是 GB 码表示简体中文字符集应设置为 gb2312 中国台湾地区常用的编码是 BIG5 码表示繁体中文欧洲地区常用 ISO8859-1 表示英文…… meta http-equivcontent-type contenttext/html; charsetUTF-8 / HTML5 字符集设置简化写法 meta charsetUTF-8 / HTML 块级标签 大多数 HTML 元素被定义为块级元素或内联元素“块级元素”译为 block level element“内联元素”译为 inline element。两种元素都有各自的特点。其中块级标签的特点为 总是以新行开始 高度、行高、外边距和内边距都可以控制 宽度缺省是它所在容器的 100%除非设定一个宽度 可以容纳行内元素和其他块元素。 div其他标签或文档/div
p段落内容/p
对于段落标签有一个可选的属性 align用于表示段落相对浏览器窗口在水平位置上的对齐方式。align 属性有四个可取值每个可取值的含义如表所示
值描 述left段落左对齐right段落右对齐center段落居中对齐justify对行进行伸展每行都可以有相等的长度
!DOCTYPE html
htmlheadmeta charsetutf-8 //headbodyp学习前端哪里好/pp stylewidth: 200px; background-color: darkgray aligncenter蓝桥软件学院/p/body
/html 有序列表
olli项目一/lili项目二/lili项目三/li…
/ol
对于 ol 标签有两个可选的属性下表列出了每个属性、可取值和简单描述。
属 性可 取 值描 述typeA、a、I、i、1规定列表的类型默认为数字startstart_number规定列表中的起始点默认为 1
ol typeA start3li华为/lili小米/lili苹果/lilioppo/lili三星/li
/ol 无序列表 在 HTML 文档中所谓无序列表是指以实心圆 ●默认、空心圆 ○、实心方块 ■ 开头的没有顺序的列表项目。 在无序列表中各个列表项之间没有顺序之分。无序列表由 ul 和 /ul 标签对实现每个列表项也是由 li 标签定义的。 无序列表与有序列表非常类似不同点在于因为无序列表是无序的所以不存在 start 这个规定列表起始点的属性。 无序列表的 type 属性可以设置为 disc、circle、square其中 disc 代表实心圆 ●默认circle 代表空心圆 ○、square 代表实心方块 ■。
ul typediscli华为/lili小米/lili苹果/lilioppo/lili三星/li
/ul 定义列表
dldt列表项/dtdd列表描述/dd
/dl HTML 行内标签
超链接
a href连接地址或文本文本或者图片/a
a 标签的 target 属性有一个有 4 个保留的目标名称用作特殊的文档重定向操作
值 描述_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self浏览器在当前窗口载入目标文档。_parent浏览器在父窗口载入目标文档。如果这个引用是在窗口或者在顶级框架中那么它与 _self 等效。_top浏览器在最顶端的框架窗体载入目标文档。
文档书签 当一个页面内容特别多时可以通过给页面建立书签的方式对同一页面里的内容进行链接。这样用户在浏览网页时可以通过书签进行页面内的内容跳转提高浏览者的用户体验效果。 a name书签名称文字/a
定义了书签后链接到该书签的超链接的基本语法为
a href#书签名称链接点/a
下面通过一个案例演示使用超链接跳转至本文档的另一个位置即当用户单击“查看本文档第三部分”这个内部链接时即可链接到本页面的第三部分位置
bodypa href#d3查看本文档第三部分/a/ph2第一部分/h2p这是第一部分的内容/ph2第二部分/h2p这是第二部分的内容/ph2a named3第三部分/a/h2p这是第三部分的内容/ph2第四部分/h2p这是第四部分的内容/ph2第五部分/h2p这是第五部分的内容/ph2第六部分/h2p这是第六部分的内容/ph2第七部分/h2p这是第七部分的内容/ph2第八部分/h2p这是第八部分的内容/ph2第九部分/h2p这是第九部分的内容/ph2第十部分/h2p这是第十部分的内容/p
/body
span 标签 span 标签没有固定的格式表现。当对它应用样式时它才会产生视觉上的变化。如果不对 span 应用样式那么 span 元素中的文本与其他文本不会任何视觉上的差异。所以可以这样认为span 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。 span选中的文本/span 短语标签
标签描述em呈现为被强调的文本。strong用来定义重要的文本。dfn定义一个定义项目。code定义计算机代码文本。samp定义样本文本。kbd定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。var定义变量。您可以将此标签与 pre 及 code 标签配合使用。