【一起来烧脑】一步学会HTML体系

论坛 期权论坛 期权     
达叔与他的朋友们   2019-7-21 15:46   4873   0


[h1]什么是HTML[/h1]HTML是用来描述网页的一种语言叫超文本标记语言HTML不是一种编程语言,而是一种标记语言一套标记标签
使用这些标记标签来描述网页HTML文档也叫web页面
声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元(meta)数据
元素描述了文档的标题
元素包含了可见的页面内容
元素定义一个大标题
元素定义一个段落
[h1]元素[/h1]这是一个段落这是一个链接换行
起始标签闭合标签
某些 HTML 元素具有空内容
嵌套的HTML元素
  1. [/code][code]
复制代码
  1. [/code][code]My first paragraph
复制代码
  1. [/code][code]
复制代码
注:不要忘记结束标签
空的HTML元素
标签定义换行
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭
添加斜杠 比如 推荐使用小写,使用小写标签
[h1]属性[/h1]属性是为HTML元素提供附加信息的
  1. This is a link
复制代码
  1. class   classname   
复制代码
  1. 设置元素类名
复制代码
  1. [/code][code]id  id  
复制代码
  1. 设置元素唯一id
复制代码
  1. [/code][code]style   style_definition   
复制代码
  1. 设置元素的行内样式
复制代码
  1. [/code][code]title   text   
复制代码
  1. 设置元素的额外信息
复制代码
[h1]标题[/h1] -  标签进行定义的 定义最大的标题。 定义最小的标题。
标签在 HTML 页面中创建水平线。

注释写法如下:
实例:
  1. [/code][code]
复制代码
定义 HTML 文档
  1. [/code] 定义文档的主体[code] -
复制代码
定义 HTML 标题
  1. [/code] 定义水平线`` 定义注释
  2. [h1]段落[/h1][code]
复制代码
定义段落。
  1. [/code] 插入单个折行(换行)。
  2. [h1]样式[/h1]style属性
  3. [code]
复制代码
定义居中的内容
复制代码
定义 HTML 字体
复制代码
定义删除线文本
  1. [/code] 定义下划线文本
  2. [code]align
复制代码
定义文本的对齐方式
  1. bgcolor
复制代码
定义背景颜色
  1. color
复制代码
定义文本颜色
HTML背景颜色
background-color 属性为元素定义了背景颜色。font-family、color 以及 font-sizetext-align 属性规定了元素中文本的水平对齐方式
[h1]格式化[/h1]在一个HTML文件中对文本进行格式化。
定义粗体文本 定义着重文字 定义斜体字 定义小号字 定义加重语气定义下标字定义上标字 定义插入字 定义删除字 定义计算机代码 定义键盘码 定义计算机代码样本 定义变量 定义预格式文本 定义地址 定义缩写 定义文字方向 定义长的引用 定义短的引用语pre 标签对空行和空格进行控制。
[h1]CSS[/h1]内联样式使用"style" 属性
内部样式使用 元素 来包含CSS
外部引用:使用外部 CSS 文件
  1. [/code][code]This is a paragraph
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. body {background-color:gray;}
复制代码
  1. p {color:pink;}
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
[h1]链接[/h1]
  1. 链接文本
复制代码
href 属性规定链接的目标。
HTML链接Target属性
  1. [/code]HTML链接Name属性
  2. Name属性规定锚(anchor)的名称。
  3. [list][*][*][*][/list][code]有用的提示部分
复制代码
  1. [/code][code]访问有用的提示部分
复制代码
[h1]头部[/h1]元素元素
头部区域的元素标签为: ,, ,,,, 。
定义关于文档的信息。 定义文档标题。 定义页面上所有链接的默认地址或默认目标。 定义文档与外部资源之间的关系。 定义关于 HTML 文档的元数据。 定义客户端脚本。 定义文档的样式信息。
每15秒刷线当前网页
  1. [/code]定义网页作者
  2. [list][*][/list][code]
复制代码
定义搜索引擎的关键词
  1. [/code]定义网页描述内容
  2. [list][*][/list][code]
复制代码
[h1]图像[/h1]HTML标签和Src源属性
是空标签,它只包含属性,并且没有闭合标签。
HTML替换文本属性Alt
  1. [/code] 定义图像 定义图像地图 定义图像地图中的可点击区域
  2. [h1]表格[/h1][list][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1.    
复制代码
  1.         第一行,第一列
复制代码
  1.         第一行,第二列
复制代码
  1.    
复制代码
  1.    
复制代码
  1.         第二行,第一列
复制代码
  1.         第二行,第二列
复制代码
  1.    
复制代码
  1. [/code]HTML表格表头
  2. 表格的表头使用  标签进行定义。
  3. 定义表格 定义表格的表头 定义表格的行 定义表格单元 定义表格标题 定义表格列的组 定义用于表格列的属性 定义表格的页眉 定义表格的主体 定义表格的页脚
  4. [h1]列表[/h1] 定义有序列表 定义无序列表 定义列表项 定义列表 自定义列表项目 定义自定列表项的描述
  5. [h1]区块[/h1]HTML块元素例子:,,,。
  6. HTML内联元素实例: ,,,。
  7. 定义文档中的分区或节(division/section)。 定义 span,用来组合文档中的行内元素。
  8. [h1]类[/h1]HTML分类块级元素
  9. HTML  元素是块级元素。
  10. HTML行内元素
  11. HTML  元素是行内元素,能够用作文本的容器。
  12. [h1]布局[/h1][list][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. 主题
复制代码
  1. [/code][code]menue
复制代码
  1. HTML
复制代码
  1. CSS
复制代码
  1. JavaScript
复制代码
  1. [/code][code]内容
复制代码
  1. [/code][code]版权 .com
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. 主题
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. menue
复制代码
  1. HTML
复制代码
  1. CSS
复制代码
  1. JavaScript
复制代码
  1. [/code][code]
复制代码
  1. 内容
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]版权 .com
复制代码
  1. [/code][code]
复制代码
  1. [/code][img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-9da910067c60bdaaa5d8e7471e8d714e[/img]
  2. [h1]框架[/h1]什么是框架?
  3. 框架将浏览器划分成不同的部分HTML框架结构标签
  4. [list][*][*][*][*][*][/list][code]
复制代码
  1.    
复制代码
  1.    
复制代码
  1.    
复制代码
  1. [/code]HTML内联框架
  2. 添加iframe的语法
  3. [list][*][/list][code]
复制代码
[h1]实体[/h1]HTML中预留的字符必须被替换为字符实体。
在 HTML 中不能使用小于号(),浏览器会误认为它们是标签。



[h1]URL[/h1]HTML统一资源定位器
URL 也被称为网址。
因特网协议(IP)地址URL-统一资源定位器
  1. scheme://host.domain:port/path/filename
复制代码
scheme :定义因特网服务的类型host :定义域主机domain:定义因特网域名port : 定义主机上的端口号path : 定义服务器上的路径filename : 定义文档/资源的名称



[h1]Web服务器[/h1]托管自己的网站使用因特网服务提供商(ISP)
[h1]颜色[/h1]HTML颜色由红色、绿色、蓝色混合而成。



[h1]文档类型[/h1] 声明帮助浏览器正确地显示网页。



[h1]表单[/h1]text 定义常规文本输入。radio 定义单选按钮输入submit 定义提交按钮 定义供用户输入的表单 定义输入域 定义文本域 定义了  元素的标签 定义了一组相关的表单元素 定义了  元素的标题 定义了下拉选项列表 定义选项组 定义下拉列表中的选项 定义一个点击按钮 指定一个预先定义的输入控件选项列表 定义了表单的密钥对生成器字段 定义一个计算结果
[h1]全局属性[/h1]dir 规定元素中内容的文本方向。accesskey 规定激活元素的快捷键。draggable 规定元素是否可拖动。tabindex 规定元素的 tab 键次序。 定义文档类型。 定义缩写。 定义只取首字母的缩写。 定义页面内容之外的内容。 定义文章。 定义图像映射内部的区域。 定义文字方向。 定义图形。 定义表格标题。 定义计算机代码文本。 定义命令按钮。 定义下拉列表。 定义定义列表中项目的描述。 定义对话框或窗口。 定义列表。 定义列表中的项目。 定义视频。 定义打字机文本。
这是一个有质量,有态度的公众号


点关注,有好运
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:10
帖子:2
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP