- 博客(23)
- 资源 (2)
- 收藏
- 关注
原创 html知识点
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一页,是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。常用的五大浏览器有:IE浏览器、火狐浏览器(Firefox)、g谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)web 标准也成为网页标准,它是由一系列标准组成,这些标准大部分由W3C负责定制,也有一些标准由其他标准组织制定。行为 行为是指网页模型的定义及交互的编写,主要指的是Javascript。
2024-08-26 13:00:10
98
原创 如何在HTML中创建链接?什么是CSS定位?什么是CSS优化?
通过减少CSS体积、优化选择器、减少重绘与回流、利用预加载策略以及合理的代码组织,可以显著提升网页的加载速度和用户体验。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。} 定位模式是有不同分类的,在不同情况下,我们用到不同的定位模式。使用ID选择器作为关键选择器:虽然ID选择器具有最高的优先级,但过度使用会影响浏览器的解析速度。点击链接时,链接显示为红色并带有下划线。关键选择器优化:使用类选择器作为关键选择器,减少ID选择器的使用频率。
2024-08-20 13:29:16
404
原创 什么是html,dictype的作用是什么
HTML文件是一种文本文件,通过在文件中添加标记符来告诉浏览器如何显示其中的内容,如文字的处理方式、画面的安排、图片的显示等。3)在混杂模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作,DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现。HTML语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。浏览器内核是浏览器最重要的或者说是最核心的部分。严格模式与混杂模式如何区分?
2024-08-19 12:42:43
831
原创 <textarea> 表单元素, <select> 表单元素,label 标签,表单控件
在 <input> 标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。<label> 标签用于绑定一个表单元素当点击 <label> 标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上用来增加用户体验。在英文单词中,input 是输入的意思,而在表单元素中 <input> 标签用于收集用户信息。在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件。
2024-08-06 13:06:32
377
原创 超链接标签,注释与特殊字符,列表 与 表格,
</ul>中只能嵌套<li></li>,直接在<ul></ol>中只能嵌套<li></li>,直接在<ol>
2024-08-05 12:23:24
729
原创 html的知识点
DOCTYPE html>`声明开始,包含`<html>`、`<head>`和`<body>`等元素。HTML5引入了如`<video>`、`<audio>`、`<canvas>`等新元素,以及本地存储、拖放API等新特性。语义化标签如`<article>`、`<section>`、`<nav>`等,用于提高文档的可读性和可访问性。全局属性如`id`、`class`、`style`、`title`等,可用于大多数HTML元素。使用`<table>`、`<tr>`、`<th>`和`<td>`等标签创建表格。
2024-07-31 12:06:40
668
原创 HTML中有哪些属于表单元素?那些属于表格元素?请分别列举5个并说明用途? 请写出input常用的13种type类型,并写出每种类型的应用场景,canvas 和 svg 的区别是什么?它们的应,
HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。3. HTML的规范中规定,LINK只能出现在head中,但后来很多网站违背了这个原则,而浏览器为了兼容这些网站做出了妥协,然而却引发了FOUC和白屏的问题,解决方案如题。
2024-07-23 12:08:26
162
原创 了解什么是网页,了解什么是浏览器,了解WEA标准,码集的作用是什么?说出几个常见的编码集?为什么常用utf-8?
1.2 网页是构成网站的基本元素,它通常由图片、链接、文字、音频、视频等元素组成。浏览器是网页显示、运行的平台。常用的浏览器有 IE、火狐( Firefox )、谷歌( chrome )、safari 和 opera 等。1.3 总结:网页是由图片、链接、文字、声音、视频等元素组成,其实就是一个 html 文件(后缀名为 html 的文件)。Web 标准是由W3C组织和其他标准化组织制定的一系列标准的集合。1.1 网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。
2024-07-22 12:05:20
732
原创 输入框属性
autocomplete 属性适用于 <form> 以及如下 <input> 类型:text、search、url、tel、email、password、datepickers、range 以及 color。required 属性适用于以下输入类型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.formmethod 属性适用于 type="submit" 以及 type="image"。
2024-07-16 12:16:24
553
原创 html框架
HTML框架是网页设计和开发的重要工具,它们提供了一种结构化的、高效的方式来构建和维护复杂的网页应用。"安然静态园"是一个可能的例子,它可能是为初学者设计的一个教学框架,旨在简化HTML的学习过程。然而,仅仅使用基本的HTML语法来创建功能丰富的现代网页是远远不够的。它们通常包括CSS(层叠样式表),"安然静态园"框架可能包含了一些预设的模板、组件和样式,这些都可以直接用于创建网页,减少从零开始的编码工作。理解HTML的基本原理,结合框架的使用,再辅以持续的学习和实践,将有助于成为一名熟练的前端开发者。
2024-07-15 10:41:34
247
原创 html头部
元数据就是描述数据的数据,而 HTML 有一个“官方的”方式来为一个文档添加元数据——<meta> 元素。有很多不同种类的 <meta> 元素可以被包含进你的页面的 <head> 元素,但是现在我们还不会尝试去解释所有类型,这只会引起混乱。HTML 头部包含 HTML <head> 元素的内容,与 <body> 元素内容不同,页面在浏览器加载后它的内容不会在浏览器中显示,它的作用是保存页面的一些元数据。2.<title> 元素是一项元数据,用于表示整个 HTML 文档的标题(而不是文档内容)。
2024-07-09 12:03:12
119
原创 html常用标签
(3)select和option标签。(2)textarea标签。(3)HTML元素分类。(1)图像标签及其属性。(1)input 标签。
2024-07-08 12:30:47
391
原创 css尺寸
可以用长度值(例如 px、cm 等)或包含块的百分比(%)来指定 max-width(最大宽度),也可以将其设置为 none(默认值。它们设置的是元素的内边距、边框和外边距内的区域的高度/宽度!它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。height 和 width 属性用于设置元素的高度和宽度。同理, max-height 属性可以设置元素的最大高度。min-width 属性用于设置元素的最小宽度。ax-width 属性用于设置元素的最大宽度。% - 以包含块的百分比定义高度/宽度。
2024-07-02 12:04:03
643
原创 html链接
文本或图像</a><a href="http://www.baidu.com#标记名">跳转到另一个页面的标记处</a>其实现方式是添加锚标记。网页中的各种元素也可添加链接,如文本,图片,表格,音频,视频等可添加超链接。<a href="#top">跳转到本页面的id标记处
2024-07-01 12:12:02
329
原创 没有边框的表格
rules属性指定了对于分割线显示的规则,”none”表示完全无分割线,另外可以设置”rows”、”cols”,仅从字面意思上看很容易造成误导,这里要注意:rows表明行间无分割线,也就是同一行中的数据没有分割线分割;cols表明列间无分割线,也就是同一列中的数据没有分割线分割。HTML Table设置无边框、无分割线。vsides 只显示左右边框;hsides 只显示上下边框;above 只显示上边框;below 只显示下边框;htmltable边框分割。void 设置无边框;lhs 只显示左边框;
2024-06-25 10:19:12
230
原创 html文本对齐
通过将 `display` 属性设置为 `flex`,并使用 `justify-content: center;` 将元素内容水平居中对齐。通过将 `margin` 的左右值设置为 `auto`,可以使块级元素水平居中对齐在其父元素内。这些方法可以根据具体需求选择使用,可以应用于不同的HTML元素(如段落 `<p>`、标题 `<h1>` 等)来使文本居中对齐。` 和 `justify-content: center;<p>居中对齐的文本</p ><p>居中对齐的文本</p ><p>居中对齐的文本</p >
2024-06-24 12:18:51
268
原创 html字体大小
相对当前元素的字体大小来改变长度,如果当前元素没有设置字体大小,那么浏览器继承。一般会将字体的大分类,指定为font-family中的最后一个字体 ,用来兜底。祖先元素的字体大小,最终heml根标签元素的默认字体大小是16px。相对于其父元素的宽高比,是相对单位,一般用来相应式的布局。2、单行文本在父元素中垂直居中,把行高和高度设置一样的,相对于根标签元素改变字体的大小,一般用来相应式的布局。px是固定的单位,px也是非常常用的单位。可以将字体设置为这些大的分类,当设置为大的分类以后,
2024-06-19 12:02:13
919
原创 html段落
<head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p>这是一个段落</p> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p>段落这这里<br>进行分行</p> </body>
2024-06-18 12:04:24
469
原创 html超链接怎么去掉下划线
扩展资料:超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。推荐:《菜鸟教程 html教程》html超链接怎么去掉下划线?
2024-06-11 19:42:32
263
原创 网页制作过程
HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。(3)网站首页栏目数量不能少于3个,各栏目要能正确链接到相应栏目子页面,同时各栏目页面也能正确返回到网站首页。(1)网站页面数量不少于4个,文件命名规范,网站结构要求层次清楚,目录结构清晰,代码缩进规整。此次我设计的页面为古诗词页面,含有标题,古诗词,推荐作者,@baidu4块内容。(6)网站页面中要含有表单(form)。
2024-06-11 12:13:34
296
原创 【无标题】
<img src="URL" alt="替换文本"></a>普通的链接:<a href="http://www.example.com/">链接文本</a><a href="#tips">跳到提示部分
2024-05-25 22:20:17
322
原创 css列表
(12)List – style – position : 设置列表中列表项标志的位置。(11)List – style – image : 将图像设置为列表项标志。(10)List – style : 把所有用于列表的属性设置于一个声明中。(13)List – style – type : 设置列表项标志的类型。(2)有序列表 - 列表项的标记使用数字或字母。(1)设置不同的列表项标记为有序列表。(2)设置不同的列表项标记为无序列表。(2)Disco : 实心圆。(3)设置列表项标记为图像。
2024-05-25 22:06:14
236
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人