同一个公司可以做几个网站,网站备案主体信息变更,做网站被攻击谁的责任,网站优化有什么用1、HTML有关概念
全称: Hyper Text Markup Language#xff08;超文本标记语言#xff09; 其文件扩展名为“.html”或“.htm” * 超文本 - 在普通的文本基础上#xff0c;添加超链接、图片、音频或视频等 * 标记 - 标记就是HTML中的标签(元素)#xff0c;特点:a …1、HTML有关概念
全称: Hyper Text Markup Language超文本标记语言 其文件扩展名为“.html”或“.htm” * 超文本 - 在普通的文本基础上添加超链接、图片、音频或视频等 * 标记 - 标记就是HTML中的标签(元素)特点:a
* 语言 - 目前目标所能识别的
版本: HTML 4.01 4.01与4.0不是一个版本 HTML 5 XHTML严格版本的HTML
Ø 基本结构 附!doctype html: 申明版本则浏览器可以预先知道文档类型从而正确显示网页内容
meta charsetUTF-8 : 设置编码格式
meta标签提供了元数据不显示在页面上但会被浏览器解析。
meta元素常用于指定网页的描述、关键词、文件的最后修改时间、作者、和其他元数据。元数据可使用浏览器(如何显示内容或重新加载页面搜索引擎(关键词)或其他Web服务。
eg:为搜索引擎定义关键词、为网页定义内容、为网页定义作者….
meta namekeywords contentHTML, CSS, XML, XHTML, JavaScript
meta namedescription contentFree Web tutorials on HTML and CSS
meta nameauthor contentKing
Ø 元素
空元素 - 只有开始标签没有结束标签;
起始元素 - 具有开始标签和结束标签 -----成对出现
注: 元素名大小写均可- W3C预定义建议使用小写
Ø 属性
作用定义当前元素的信息 格式属性名属性值
a.属性必须定义在开始标签中 b.同一个元素具有多个属性
i 通用属性 - 几乎所有的HTML元素都具有的属性 id: 表示当前元素的标识(唯一的) name: 表示当前元素的名称 style: 表示定义CSS样式 class: 表示定义CSS样式
i 私有属性 - 某个元素独有的属性
Ø 注释
作用解释当前的元素的作用 特点不会显示在浏览器的页面中 格式!-- 注释内容 -- 快捷键CTRL ?
2、HTML常见元素
ü 标题 h1 ~ h6 常用的h1 ~ h3尤其是h1 h1用于搜索引擎抓取HTML页面
搜索引擎抓取HTML内容时优先级: title元素中的内容 大于 meta namekeywords content大于h1元素
ü 段落 p/p
特点自动换行行间距比较大
eg: p /p p/p 或 p /p p /p
eg: p br /p ü hr - 水平线
ü br - 换行 [快捷键 - 标签名 TAB]
3、列表
(1)有序列表 (2)无序列表 (3)定义列表 ol ul dl - 表示定义列表 li/li li/li dt/dt - 表示列表项(列表的标题) /ol /ul dd/dd - 表示列表项的描述(列表项) /dl 有序列表 type属性规定列表类型1、A、a、l、i start属性规定起始数字
快捷键标签:*数量 TAB alt 鼠标左键
4、链接元素 格式a href /a 属性a href当前要跳转到的地址/a a name当前元素的名称/a
a链接会自带下划线若去除下划线则 a{ text-decoration: none;}
href去往的路径即跳转的页面(必写属性)
title提示文本也就是鼠标放到链接上显示的文字
target ’_self ’ 默认值在自身页面打开关闭自身页面打开链接页面
target ’_blank ’ 打开新页面 自身页面不关闭打开一个新的链接页面
作用: 实现页面跳转(默认) 实现回到顶部[锚点(#name)]即指向某固定位置实现发送邮件
eg: a nametop这是顶端/a a hrefmailto:82328769qq.com 邮箱地址/a a href#top 回到顶部/a a href#middle 回到中间/a
² 相对路径
即相对于文件自身出发就是相对路径。
文件和图片html文档在同一个目录(文件夹) 直接写文件名。 图片html文档在文件在下一级目录里。文件夹名称/图片html名称 图片html在文件的上一级目录里.. /图片html名称 图片在文件的上一级的其他目录里../文件夹名称/图片名称 ² 绝对路径 5、图片元素
img src当前引入图片的路径 alt text文本 width图片宽度 height图片高度 图片元素的加载原理
