资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/HTML基础

HTML基础

番茄西红柿 / 1214人阅读

摘要：的基本语法常规标记标记属性属性值属性属性值标记例如空标记标记属性属性值例如说明写在中的第一个单词叫做标记，标签，元素。空标记没有结束标签，用代替。字母顺序的有序列表，大写罗马数字，小写。

HTML基础   一、网站建站流程    

 

   

二、WEB标准，W3C/WHATWG/ECMA相关概念

  WEB标准的概念及组成    

 

  组织解析： （1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。 W3C (制定了结构(xhtml、xml)和表现(css)的标准，非赢利性的。) （2）ECMA(European Computer Manufactures Association) 欧洲电脑场商联合会。 ECMA制定了行为(DOM(文档对象模型)，ECMAScript)标准 （3）WHATWG网页超文本应用技术工作小组是： 一个以推动网络HTML 5 标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。 HTML及相关概念的介绍 HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。 XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。 HTML5指的是HTML的第五次重大修改（第5个版本）(HTML5 是 W3C 与 WHATWG 合作的结果)  

三、HTML基本结构和HTML基本语法

HTML基本结构 扩展知识点1：
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容  声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD(Document Type Definition 文档类型定义) 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置 另外，需要知道的是，HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种 XML 文档类型都是：Strict、Transitional 以及 Frameset。 定义文档类型 分为四种：Strict（严格型)、Trasitional（过渡型 常用这种）、Frameset（框架型）、手机浏览器DTD mobile 而这句，是在文档中的 标签中使用 xmlns 属性，以指定整个文档所使用的主要命名空间。 对于文档声明，了解这些就足够了，现在的html5不再这么繁琐，只需要： 就可以了。
HTML的基本语法
1、<常规标记> <标记 属性=“属性值” 属性=“属性值”> 例如：
2.空标记 <标记 属性=“属性值” /> 例如：
说明： 1.写在<>中的第一个单词叫做标记，标签，元素。 2.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”号内。 3.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。 4.空标记没有结束标签，用“/”代替。

四、HTML常用标记

1、文本标题（h1-h6）  

LOGO

 

次要栏目或标题-小标题H2

 

再次要栏目或分类小标题H3

 

文中分类小标题H4

 
二级标题
六级标题
html标题标签使用原则： H1在一个网页中最好只使用一次，如对一个网页LOGO使用。
2、段落文本(p)  

段落文本内容

标识一个段落(段落与段落之间有段间距)
3、空格  
  所占位置没有一个确定的值,这与当前字体字号都有关系.
4、换行(br)

换行是一个空标记(强制换行)
5、加粗 加粗有两个标记
A、加粗内容 B、加粗内容
6、倾斜
,
7、水平线
   
空标记
8、列表(ul,ol,dl)
HTML中有三种列表分别是：无序列表，有序列表，自定义列表 *无序列表 无序列表组成：
    (unordered list)
  • ．．．．．．
*有序列表 有序列表组成：
    (ordered list)
  2. ．．．．．．
*自定义列表
(definition list)
名词
解释
(definition description) ．．．．．．
 
知识扩展2----有序列表的属性
1)、type:规定列表中的列表项目的项目符号的类型 语法：
    1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。 a 字母顺序的有序列表，小写（a, b, c, d）。 A 字母顺序的有序列表，大写（A,B,C,D) i 罗马数字，小写（i, ii, iii, iv）。 I 罗马数字，大写（I, ii, iii, iv）。 2)、start 属性规定有序列表的开始点。 语法：
      9、插入图片
      图片替换文本 注:所要插入的图片必须放在站点下 title的作用: 在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的 alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方。 *相对路径的写法： 1)当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名； 2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下： 文件夹名/目标文件全称+扩展名； 3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下： ../目标文件所处文件夹名/目标文件文件名+扩展名；
      10、超链接的应用
      语法： 链接文本/图片 空链接 属性：target:页面打开方式，默认属性值_self。 属性值：_blank 新窗口打开 新页面打开
      11、div和span的用法
      没有具体含义，统称为块标签， 用来设置文档区域，是文档布局常用对象 文本结点标签 可以是某一小段文本，或是某一个字。 
      12、数据表格的作用及组成
      作用：显示数据 表格组成
      注：一个tr表示一行;一个td表示一列(一个单元格) *数据表格的相关属性 1）width="表格的宽度" 2）height="表格的高度" 3）border="表格的边框" 4）bgcolor="表格的背景色" bg=background 5）bordercolor="表格的边框颜色" 6）cellspacing="单元格与单元格之间的间距" 7）cellpadding="单元格与内容之间的空隙" 8）对齐方式：align="left/center/right"; 9)合并单元格属性： colspan=“所要合并的单元格的列数"合并列; rowspan=“所要合并单元格的行数”合并行;
      13、表单的作用及组成 表单的作用：用来收集用户的信息的; 1)、表单框
      2）文本框
      3)密码框
      4)重置按钮
      5）单选框/单选按钮
      单选按钮里的name属性必须写，同一组单选按钮的name属性值必须一样。 checked="checked"(默认选中；) disabled="disabled"禁用
      6）复选框
      (disabled="disabled" :禁用) (checked="checked" :默认选中)
      7)下拉菜单
      8）多行文本框（文本域）
      9)按钮
      button和submit的区别是：
      submit是提交按钮起到提交信息的作用，type类型是button只起到跳转的作用，不进行提交。
      扩展知识点3：对于不同的输入类型，value 属性的用法的意义
      value 属性为 input 元素设定值。 对于不同的输入类型，value 属性的用法也不同： type="button", "reset", "submit" - 定义按钮上的显示的文本 type="text", "password" - 定义输入字段的初始值 type="checkbox", "radio" - 定义与输入相关联的值 注释： 和 中必须设置 value 属性。
      扩展知识点4：
      Form中的获取数据的两个方式get和post的区别？ 1. get是从服务器上获取数据，post是向服务器传送数据。 2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。 4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。 5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。 建议： 1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式； 2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；
       
      GPU云服务器 云服务器 html基础 html代码基础 html基础代码 html基础教程

      文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

      转载请注明本文地址：https://www.ucloud.cn/yun/1810.html

      相关文章

      • #WEB安全基础 : HTML/CSS | 文章索引

        摘要：黑体本系列讲解安全所需要的和黑体安全基础我的第一个网页黑体安全基础初识黑体安全基础初识标签黑体安全基础文件夹管理网站黑体安全基础模块化黑体安全基础嵌套列表黑体安全基础标签拓展和属性的使用黑体安全基础嵌套本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基...

        EscapedDog 评论0 收藏0

      • 关于CSS Reset 那些事（四）之 构架CSS基础样式库

        摘要：现在回到我们这一章节的标题，将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面，网页上并不存在表单内容，那么你就要移除一些冗余的代码，开始自定义样式来满足自己的需求。 前言 先来回顾一下前几章节，我们都说了哪些内容： CSS Reset 历史 与 Normalize.css 介绍 Normalize.css...

        mj 评论0 收藏0

      • 关于CSS Reset 那些事（四）之 构架CSS基础样式库

        摘要：现在回到我们这一章节的标题，将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面，网页上并不存在表单内容，那么你就要移除一些冗余的代码，开始自定义样式来满足自己的需求。 前言 先来回顾一下前几章节，我们都说了哪些内容： CSS Reset 历史 与 Normalize.css 介绍 Normalize.css...

        Yu_Huang 评论0 收藏0

      • 前端入门1-基础概念

        摘要：基础基础是一种标记语言，不是编程语言，需要明确这点。元素标签内容基础基础负责文本样式的呈现，既然将和分离开，各自只负责各自的职责，那么肯定需要某种方式将两者连接在一起。 本篇文章已授权微信公众号 dasu_Android（大苏）独家发布 声明 本系列文章内容全部梳理自以下四个来源： 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyh...

        codecraft 评论0 收藏0

      • Flask Web Development —— 模板（中）

        摘要：示例使用的模板的指令通过从引用来实现模板的继承。上面的模板定义了三个，分别命名为和。同时返回相应错误的数字状态码。示例带有导航栏的基础应用程序模板这个模板中的块中只是一个名为的元素，它包含了在派生模板中定义的名为的空。 2、集成Twitter Bootstrap的Flask-Bootstrap Bootstrap是Twitter的一个开源框架，提供用户交互组件来创建一个清新且有吸引力...

        eternalshallow 评论0 收藏0

      发表评论

      登陆后可评论

      0条评论

      番茄西红柿

      男|高级讲师
      我要私信

      TA的文章

      阅读更多
      最新活动
      阅读需要支付1元查看
      <