html横线标记_我的Java Web之路11 - 初识HTML

本文介绍了HTML的基本思想和核心概念,强调HTML主要负责数据的结构和语义,而不涉及样式和动态行为。文章详细讲解了HTML5的基本结构,包括DOCTYPE声明、元信息、内容区域和字符编码等,并探讨了文本信息的处理,特别是标题的语义化。此外,还介绍了链接的创建和表单的使用,以及它们在向Web服务器提交数据时的角色。
摘要由CSDN通过智能技术生成
本系列文章旨在记录和总结自己在Java Web开发之路上的知识点、经验、问题和思考,原来已经分享在我的CSDN博客,现在分享在头条,希望能帮助更多码农和想成为码农的人。版权声明:本文为CSDN博主「普通的码农」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/liyongyan1202/article/details/89064944

目录

  1. 介绍
  2. 核心思想
  3. 基本结构
  4. 文本信息
  5. 链接
  6. 表单
  7. 总结

介绍

前面的文章多次使用到了HTML(HyperText Markup Language,中文就是超文本标记语言)。这门语言可以使用任何的文本编辑器进行编写,写出的文档就是网页,只要将文件名以后缀 .html 结尾,浏览器就可以解释该文档,并以一定的格式呈现出来。

HTML是Web前端三剑客之一,主要是负责数据的结构、框架或骨架,表示哪些数据是标题啊、主体啊、导航啊、链接啊、表格啊、段落啊、图片啊、音频、代码啊等。简而言之,就是表示数据是什么。

核心思想

HTML的核心思想很简单,就是给你的信息打标记,举个例子:

XX爆炸性新闻这是标题>某年某月某日,某某发生某事。。。这是段落>其他事情。。。这是段落>这是一篇文章>

尖括号 < > 及其里面的词就是标记或者标签,只不过HTML标准里面用的是英文单词,我这只是用中文的词来说明这个思想。

标记有开始标记结束标记,结束标记里面多一个正斜杠,就是 > 。

真正的信息(就是要呈现给用户看的)就写在开始标记和结束标记之间,这就是标记的内容。有时候没有内容,开始标记和结束标记可以合二为一,变成 < /> ,就是把正斜杠写到右尖括号前面,或者省略正斜杠。

标记及其内容合起来叫做元素,比如例子中的开始标记和结束标记文章>及其之间的内容就是一个元素。可以看到元素可以嵌套,就是元素里面的内容可以再次包含元素,不过开始标记和结束标记要注意遥相呼应,事实上,编写的时候可以采用缩进来增加层次感且不易出错。

元素还有属性,属性可以有属性值,也可以没有,这些后面再讨论。这里要提到的是一个编写规范,不管是标记、属性还是值,习惯上都采用英文小写单词用连字符(就是短横线、减号)相连。表单中的需要发往Web服务器的数据可以使用后端的开发规范。

每一个元素都可以设置一个id属性,其值必须在该网页中是唯一的。

目前HTML的版本是HTML5,大多数浏览器版本都支持大部分常用的特性。再次强调,HTML的主要思想就是给你的信息打标记,这些标记表示数据的结构、框架或骨架,就是语义,至于数据如何呈现(比如呈现在哪个位置,什么颜色、字体、背景等等)和动态行为是由CSS(层叠样式表,Cascading Style Sheets)和JavaScript来负责。它们都由浏览器来解释执行。

基本结构

HTML5的网页基本都有如下结构:

这里是网页的标题

可以看到,基本结构就是由各种标记组成的,只不过标记使用的是英文单词,而且这些标记都是标准化(这样各家浏览器都能识别)了的,浏览器必须识别它们。这些标记也很语义化(这样人类能容易识别,便于开发和维护网页),基本上都是使用语义相对应的英文单词或缩写,这也是理所当然的,便于记忆和使用嘛。

基本结构里面包含以下几点:

  • 第一行的DOCTYPE声明了本网页是HTML5网页,根据HTML网页的编写规范,基本上这个词是网页文档中唯一的大写单词;
  • 元素:所有信息都包含在这个元素里面,没什么可说的,不过该元素有一个属性lang,在这个网页中,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值