文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:HTML5 基础知识(1)——基本标签

软工小法师

软工小法师

2024-04-23 23:15

关注

  H5即HTML5。万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3CRecommendation、见本处参考资料原文内容)。

  ##HTML

  **概念**:是最基础的网页开发语言

  (HyperTextMarkupLangage超文本标记语言)

  >1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起的网状文本。

  >2.标记语言:由表签构成的语言,如HTML,XML。(标记语言不是编程语言)

  **快速入门**:

  -语法:

  ```css

  1.HTML文档后缀名为.html或.htm

  2.标签分为:

  *围堵标签:有开始标签有结束结束标签。如:<html></html>

  *自闭和标签:开始标签和结束标签在一起。如:<br/>.

  3.标签可以嵌套:需要正确嵌套,不能你中有我,我中有你的形式。

  例如:错误:"<a><b></a></b>",正确"<a><b></b></a>"

  4.在开始标签中可以定义属性。属性是由键值对构成,值需要引号(单双都可以)引起来

  5.HTML的标签不区分大小写,但建议小写。

  ```

  **标签学习**

  ```Javascript

  1.文件标签:

  HTML:HTML文档的根标签

  head:头标签。用于指定HTML文档的一些属性。引用外部资源。

  title:标题标签

  body:体标签

  <!DOCTYPEhtml>:html5中定义该文档为HTML文档

  2.文本标签:

  注释:<!--注释内容-->

  <h1>to<h6>:标题标签

  h1--h6字体大小逐渐减小

  <p>:段落标签

  <br/>:换行标签

  <hr/>:水平线标签

  属性:

  color:颜色

  width:宽度

  size:高度

  align:对齐方式

  center:居中

  left:左对齐

  right:右对齐

  <b>:字体加粗

  <i>:斜体

  <font>字体标签(不在使用)

  属性定义:

  color:

  1.英文单词:red,green,blue

  2.rgb(值1,值2,值3):值的范围:0~255如:rgb(0,0,255)

  3,#值1,值2,值3:值的范围:00~FF之间。如:#FF00FF

  width:

  1。数值:width=‘20’,数值的单位‘px’,默认是像素。

  2.数值%:占比相对于父元素的比例。

  ```

  **列表标签**

  ```javascript

  1。有序标签:

  ol:外层

  li:内层

  2.无序标签:

  ul:外层

  li:内层

  ```

  **链接标签**

  ```javascript

  <a>:定义一个超链接标签

  属性:

  href:指定访问访问资源的URl(统一资源定位符)

  target:指定打开资源的方式

  _self:默认值,在当前界面打开

  _blank:在新的界面窗口打开

  ```

  **div和span:**

  ```javascript

  <div>:每一个div占满一行。块级标签

  <span>:文本信息在一行展示,行内标签内联标签。

  ```

  **语义化标签:**

  ```javascript

  HTML5中为了提高程序的可读性,提供了一些标签

  1.<header>:页眉

  2.<footer>:页脚

  ```

  **表格标签**

  ```javascript

  1.table:定义一个表格

  width:宽度

  border:边框

  bgcolor:背景色

  align:对齐方式

  2.tr:定义行

  3.td:定义单元格

  4.th:定义表头单元格

  5.<caption>:表格标题

  <thead>:表示表格的头部分

  <tbody>:表示表格的体部分

  <tfoot>:表示表格的脚部分

  ```

  以上就是一些基本的HTML的标签。

  2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,H5标准规范终于制定完成。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     442人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     206人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     169人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     248人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     77人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯