首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML学习——第0篇

现在已经发展到了第5个版本HTML5。这门语言由“W3C”维护。HTML写成的页面需要由web浏览器来解析,才能展现为我们看到的各种网页。实际的HTML发展是由各大web浏览器厂商在推动的。...html>表明了下面的元素是HTML,告知浏览器去按照HTML的方式解析。...,或者 不能算那么残忍除了有点窒息 或者所谓春天也只是一种轻脆的标本 一张书签,曾是水仙或蝴蝶 书签在韦氏大字典里字典在图书馆的楼上...使用元素来创建段落,浏览器在显示段落的时候,通常会空一行。 使用元素来创建换行,它后面的内容会换行显示。它没有对应的闭标签。因为它之后没有任何内容。不需要闭标签。...在内的所有元素可以分为两类。 块级元素:块级元素会在它的开始和结束都有一个换行符。例如,,等。 行内元素:它不会引起浏览器换行显示,它作用于本行之内。

43310

第2天:HTML常用标签

/是上一级目录) 三、HTML常用标签 section :版块 用于划分页面上的不同区域,或者划分文章里不同的节 header :页面头部或者版块(section)头部 footer:页面底部或者(section...)底部 nav:导航 (包含链接的的一个列表) article:用来在页面中表示一套结构完整且独立的内容部分 可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等...元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分 1,被包含在中作为主要内容的附属信息部分,其中的内容 以是与当前文章有关的引用、词汇列表等 2,在<...不支持宽高 3、一行可以显示同类多个标签 4、不支持上下的margin 5、代码换行被解析 块元素: 1、默认独占一行 2、没有宽度时,撑满一行 3、支持所有class命令 inline-block 1、块在一行显示...DOCTYPE html> html lang="en"> 页码显示效果 #div1

1.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在HTML中使用JavaScript

    标签相关属性 type属性 标签默认就是JavaScript代码,嵌入javascript脚本时,type属性可以省略 如果type属性的值,浏览器不认识,就不会执行其中的代码,所以可以在<...网页 解析过程中,发现带有defer属性的元素 浏览器继续往下解析HTML网页,同时并行下载元素加载的外部脚本 浏览器完成解析HTML网页,此时再回过头执行已经下载完成的脚本...网页 解析过程中,发现带有async属性的标签 浏览器继续往下解析HTML网页,同时并行下载标签中的外部脚本 脚本下载完成,浏览器暂停解析HTML网页,开始执行下载的脚本...后面执行 在这段代码后面加载的脚本文件,会等在b.ja执行完成后再执行 相关知识点总结 包含在标签内部的JavaScript代码,将被从上到下一次解析 无论以哪种方式嵌入代码,只要不存在...2、避免,在DOM结构生成之前调用DOM节点,而产生错误

    1.4K30

    在 HTML 中嵌入 PHP 代码

    PHP 与 HTML PHP 天生对 Web 和 HTML 友好,在 PHP 诞生之初,主要用于在 Web 1.0 中构建个人主页,那个时候,PHP 代表的是 Personal Home Page,随着...一个是标记语言,一个是处理器,可见二者之间的渊源,它们之间的关系甚至亲密到可以直接混合在一起进行编程,PHP 脚本在 HTML 文档中只是一种特殊标记而已,并且可以在 HTML 文档中直接编写任何 PHP...在 PhpStorm 中新建 HTML 文件 然后在弹出窗口选择新建一个 HTML 5 文件,将文件名设置为 hello: ?...在 HTML 中嵌入 PHP 代码 接下来,我们在 hello.php 中,将上一步 和 之间的 HTML 文本替换成 PHP 代码: <!...小结 由此可见,在 PHP 文件中,既可以编写纯 PHP 代码,也可以混合 HTML + PHP 代码进行编程(在 HTML 中嵌入 PHP 代码需要通过完整的 进行包裹)。

    6.3K10

    在HTML网页中巧用URL

    但通过这种方式实现的动态网页均需要服务器端编程技术的支持,最近笔者在制作个人网站时利用浏览器支持的DHTML和XML技术,经过不断尝试,在免费主页空间通过这种方式实现动态网页。...在program文件中则可以通过一定方法来读取环境变量,如asp文件就可以通过Reques.Querystring数据集合来读取环境变量。...querystring  方式向Web服务器发送请求时,Web服务器将向浏览器直接返回请求的HTML网页。...我们也可以看出,通过这种方式达到网页动态交互的目的即使是在浏览器中实现也仍然摆脱不了Web服务器的支持,否则浏览器将把“?...该作者就是通过这种途径在只支持纯HTML的主页空间建立了一个相当不错的动态图片查看器 所以,各位,实践下咯。

    1.7K20

    在HTML中如何使用CSS?

    一、前言 在 HTML 中使用 CSS,包括内联式、内嵌式、链接式和导入式。...使用链接式 CSS,可以在设计整个网站时,将多个页面都会用到的 CSS 样式定义在一个或多个 文件中,然后在需要用到该样式的 HTML 网页中通过 标记链接这些 文件,通过链接式 CSS 可以降低整个网站的页面代码冗余并提高网站的可维护性...被导入的 HTML 文件在初始化时,会将该 CSS 文件导入 HTML 文件中,作为此 HTML 文件的一部分,类似于内嵌式的效果,而链接式是在 HTML 的标记需要 CSS 样式的时候才会以链接的方式引入进来...不只是 HTML 文件的 标记可以导入 CSS 文件,在 CSS 文件内也可以导入其他的 CSS 文件。...这时解决 CSS 冲突你就要了解在 HTML 中使用 CSS 的优先级规则: 内联式 > 内嵌式 > 外部样式; 在多个样式中,后出现的样式的优先级高于先出现的样式; 在样式中,选择器的优先级: 样式

    8.5K100

    第182天:HTML5——地理定位

    HTML5 Geolocation(地理定位) HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。...3    enableHighAccuracy: true, 4    // 指定获取地理位置的超时时间,默认不限时,单位为毫秒 5    timeout: 5000, 6    // 最长有效期,在重复获取地理位置时...17 } 18 } 错误代码: Permission denied - 用户不允许地理定位 Position unavailable - 无法获取当前位置 Timeout - 操作超时 6、在地图中显示结果...如需在地图中显示结果,您需要访问可使用经纬度的地图服务,比如谷歌地图或百度地图: 1 2 #map{ 3 width:1000px;height:1000px...二、Geolocation 对象 - 其他有趣的方法 HTML5 watchPosition 监听地理位置变化- 返回用户的当前位置,并继续返回用户移动时的更新位置(就像汽车上的 GPS)。

    2K20

    《前端技术基础》第01章 HTML基础【合集】

    /html.png" alt="示例图片"> html> 运行结果: 第二节 行内标签 在 HTML 世界里,行内标签是一类独具特色的元素,它们在构建网页内容、丰富页面呈现方面发挥着关键作用... html> 运行结果: 第三节 块级标签 在 HTML 构建网页的奇妙世界里,块级标签仿若坚实厚重的 “建筑砖块”,它们凭借独特的布局特性与强大功能... 小鸟在枝头欢快地唱歌,仿佛在庆祝春天的到来。 人们纷纷走出家门,去公园踏青,享受这美好的春光。...在 HTML 的知识版图里,语义化标签恰似一位位身负特殊使命的 “信息使者”,为网页注入了精准表意与结构明晰的强大力量,让代码不仅仅是机器可读懂的指令集,更成为人类易于理解的内容蓝图。...它们以简洁直观的语法,在 HTML 文档中开辟出专属展示区域,使得多媒体资源得以精准就位,同时兼顾网页加载性能与流畅播放需求,确保用户获得优质体验。

    10010

    第59节:Java中的html和css语言

    前言: HTML 英文: HyperText Markup Language内容 html是超文本标记语言,是网页语言的基础知识,html是通过标签来定义的语言,所有代码都是由标签所组成的,在html...> html代码是由html>开始的,并且由html>结束的,包含头部分和体部分两部分组成....在html代码中,多数标签都是有开始标签和结束标签的,其中有个别标签因为只有单一功能,所以没有开始标签和结束标签这样....格式: // 超文本标记 数据内容 在html中,代码都是由标签所组成的,代码逻辑相当低. // 头和体 html>...get和post get提交的数据会显示在地址栏中,而post不会,使用get会对敏感信息不安全. get的提交数据体积有限,而post可以提交大体积的数据. get将提交数据封装到了http消息头的第一行

    1.8K20
    领券