![](https://img-blog.csdnimg.cn/20210809235540955.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
html学习
文章平均质量分 72
学习 html
远近2021
这个作者很懒,什么都没留下…
展开
-
HTML <optgroup> 标签
文章目录1、optgroup标签的定义和用法2、optgroup标签属性2、1 optgroup标签必需的属性2、2 optgroup标签可选的属性3、optgroup标签实例1、optgroup标签的定义和用法 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用 标签能够很简单的将相关选项组合在一起。大多数主流浏览器支持 标签。2、optgroup标签属性<select> <optgroup label="Swedish Cars"> &原创 2022-05-07 13:19:26 · 2082 阅读 · 0 评论 -
HTML学习16:搜索引擎优化
把网站发布到互联网上,很多用户通过搜索引擎找到你的网站,搜索引擎通过你的网站的组合单词和词组进行搜索排序。1、使用meta标签提高搜索排名为了提高网页在搜索引擎中的排序,需要在head标签中添加2个meta标签,一个用于列举关键字,另一个用于描述网站,如下:2、优化HTML文档除了meta标签,很多搜索引擎更看重标题标签、图片中的alt属性和一些标签的title属性,因此确保多使用这些元素,并在这些元素中添加简明、有意义的文本。以上只是从HTML的角度简单的讨论了搜索引擎优化的相关知识,这是一原创 2021-08-03 18:25:00 · 505 阅读 · 0 评论 -
欢迎来到网页世界
文章目录HTML的主要版本HTML1.0 - 2.0HTML3HTML4HTML4.01XHTML 1.0HTML5Web历史HTML的概念HTML代码写在文本文件中页面组成结构层HTML(HyperText Markup Language)表现层CSS(Cascading Style Sheets)层叠样式表行为层JavascriptHTML的主要版本从1989到现在,HTML经历了32年。HTML经历了几次的重大版本更新,最新版本是HTML5。HTML1.0 - 2.0HTML原创 2021-07-14 16:00:34 · 335 阅读 · 0 评论 -
HTML学习15(实践7):内联框架
文章目录1、iframe属性src2、iframe标签的常用属性3、使用 iframe 来显示目标链接页面4、实践使用框架,你可以在同一个浏览器窗口中显示不止一个页面。iframe:内联框架标签,用于在网页中任意的位置嵌入另一个网页。1、iframe属性src<iframe src="URL"> <!-- URL指向不同的页面 --></iframe>src可以是绝对路径,也可以是相对路径。2、iframe标签的常用属性iframe 还可以设置高度原创 2021-07-18 22:40:45 · 993 阅读 · 0 评论 -
HTML学习14:框架布局
文章目录1、框架页面的基本结构2、水平布局3、垂直布局4、混合框架集5、为框架添加内容6、改进:使用name属性7、给框架布局设置一些属性相对div布局,框架布局是一个很古老,但是易于学习和掌握的布局技术。当一个网站中包含很多页面,每个页面又包含一些同样的区域的时候,我们可以选择框架布局。在现代前端开发中,框架布局已经被淘汰,取而代之的是DIV结合Ajax页面无刷新的加载技术。因此,这里只对框架布局做简单的介绍。1、框架页面的基本结构HTML5 不支持 标签。2、水平布局3、垂直布局4原创 2021-07-18 18:31:03 · 11549 阅读 · 0 评论 -
HTML学习13:div和表格布局
文章目录1、div布局2、table布局3、各优缺点在网页中,可以使用div或表格布局,各有哪些优劣呢?1、div布局在网页中可以使用很多个 div,使用 div 可以将网页中的任何元素布局到网页中的任何位置。<div style="样式设置"></div>如下所示:<div style="width:100%;border:1px solid red"> <div style="background-color:pink">泸职院</原创 2021-07-18 14:49:36 · 2056 阅读 · 0 评论 -
HTML学习12(实践6):表格
文章目录1、表格基本标签2、给表格添加表头3、caption元素定义表格标题4、表格其他属性5、单元格跨行6、单元格跨列7、使用CSS设置表格样式8、挑战:课程表绘制9、实践在网页中插入表格可以使网页上的内容排列整齐,让浏览者对表格中表达的数据及其含义一目了然。1、表格基本标签表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格原创 2021-07-18 14:08:34 · 243 阅读 · 0 评论 -
HTML学习11(实践5):表单
文章目录1、表单的工作方式2、一个简单的表单3、创建表单4、表单控件4、1 单行文本框id属性label标签的for属性4、2 密码输入框4、3 单选按钮4、4 复选框4、5 选择文件按钮4、6 按钮提交按钮(submit)图片提交按钮(image)重置按钮(reset)匿名按钮(button)小结4、7 隐藏域4、8 菜单和列表下拉菜单列表项4、9 多行文本框5、挑战——表单综合案例6、小结7、实践表单是一个包含表单元素的区域,用于搜集不同类型的用户输入。表单是网页获取用户输入数据的一种方式,是网页中提原创 2021-07-17 23:41:51 · 376 阅读 · 0 评论 -
HTML学习10(实践4):网页内容图片
文章目录1、三种网页图片内容图片布局图片用户交互图片2、创建内容图片src属性图片是如何加载的为内容图片添加alt属性为内容图片添加title属性3、实践4、小结网页图片是网页中不可或缺的一部分,这一讲来学习如何往网页中插入图片。1、三种网页图片先来了解下网页中的图片类型,制作网页时通过会遇到以下三种类型的图片:内容图片布局图片用户交互图片内容图片内容图片是页面中真正需要的内容,没有内容图片你就无法完整的理解页面内容。比如淘宝,京东上的商品展示图片,这些图片是网站内容的一部分,它们能原创 2021-07-17 00:30:27 · 261 阅读 · 0 评论 -
HTML学习09(实践3):容器标签及元素分类
文章目录1、DIV标签2、span标签3、块级元素、内联(行内)元素、行内块级元素的区别块级元素行内元素行内块元素4、实践本讲我们将学习两种容器标签,一个div标签,另一个是span标签。1、DIV标签div:division分区标签 主要用来把网页中相关的内容组织在一起,可将网页页面分割成不同的独立部分,通常用于定义文档中的区域或节。<div>标签是一个块级元素,块级元素占据其父元素(容器)的整个空间,你可以把它想成一个盒子。 能够设置其宽高,后面我们会讲到。<div s原创 2021-07-16 22:46:10 · 1333 阅读 · 0 评论 -
HTML学习08(实践2):超链接、绝对路径、相对路径
文章目录1、URL2、超链接3、绝对路径和相对路径`Absolute vs Relative paths`3、1 使用相对路径的超链接3、2 使用绝对路径的超链接4、实践上一讲中,我们制作了一张页面,有时我们需要在页面中跳转到网站的另一个页面,或者跳转到别的网站去,此时需要使用超链接。1、URLURL(Uniform Resource Locator,统一资源定位器),它是WWW的统一资源定位标志,就是指网络地址。URL由三部分组成:协议、服务器、文件路径。当在浏览器的地址栏输入一个URL时会发原创 2021-07-16 00:48:42 · 6426 阅读 · 0 评论 -
HTML学习07(实践1):HTML常用标签之标题、段落、换行、空格、列表
文章目录标题标签段落标签换行标签和空格标签水平分割线列表无序列表有序列表自定义列表练习本节主要介绍 HTML 常用标签之标题标签、段落标签、换行标签、空格标签、水平分割线和HTML 列表。标题标签标题标签heading tag有六种h1,h2,h3,h4,h5,h6,代表着不同大小的标题。可以使用标题标签组织网页结构,<h1>到<h6>显示出来的文字大小依次从大到小。示例一如下:效果如下:示例二:段落标签段落标签paragrach tag:<p>使原创 2021-07-15 17:14:05 · 3327 阅读 · 0 评论 -
HTML学习06:HTML标签、类型、关系、元素
文章目录HTML标签双标签(双标记)单标签(单标记)标签的关系嵌套关系并列关系HTML元素本节主要介绍HTML标签、HTML元素的概念及HTML标签的分类。HTML标签超文本标记语言(英语简称:HTML )标记标签通常被称为 HTML 标签,HTML 标签是 HTML 语言中最基本的单位,是 HTML最重要的组成部分。HTML 标签的大小写无关的,例如 和 表示的意思是一样的,都代表“主体”,推荐使用小写。双标签(双标记)双标记也称对标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如原创 2021-07-15 15:25:23 · 388 阅读 · 0 评论 -
HTML学习05:良好习惯之代码注释
文章目录CSS注释HTML注释javascript注释注释的快捷键使用建议注释是给人看的,计算机并不会执行,网页中不同地方的注释是不相同的。CSS注释CSS注释:/* 要注释的css代码 */HTML注释html注释:<!-- 在此处写注释 -->在开始标签中有一个惊叹号,但是结束标签中没有。浏览器不会显示注释,但是能够帮助记录。被注释的内容将不会被渲染和显示。效果如下:javascript注释javascript注释如下:// 编写javascript代码/*原创 2021-07-15 11:08:35 · 173 阅读 · 0 评论 -
HTML学习04:又话head和body
文章目录headbodyhead在<head>标签中,除了可编写文档元数据,定义文档标题,还可以编写css样式、引入层叠样式表文件、引⼊入js文件。meta标签定义页面元信息title标签定义页面标题link标签引入外部样式表script标签引入js文件或定义jsstyle标签定义嵌入式样式表当然,上述link标签、script标签、style标签视情况添加。body<body>定义文档的主体部分,除了编写显示在网页里的内容,还可以编写javascript脚原创 2021-07-15 10:47:22 · 182 阅读 · 0 评论 -
HTML学习03:网页结构
文章目录网页框架文档类型HTML的主要版本html标签head标签body标签网页框架一张网页有<html>、<head>、<body>三大标签元素组成,如下图所示:文档类型DOCTYPE是用来声明文档的类型,表示HTML的版本信息。在html文档的第⼀行编写。作用是告知浏览器的解析器⽤什么文档标准去解析当前⽂文档。 DOCTYPE不存在或格式不正确会导致⽂文档以怪异模式呈现。HTML的主要版本html标签<html>标签是HTML页面的根原创 2021-07-14 23:43:30 · 146 阅读 · 0 评论 -
HTML学习02:开发工具的使用
文章目录HBuilderX简介下载HBuilderX安装HBuilderX使用HBuilderX新建项目使用HBuilderX创建HTML页面使用HBuilerX查看页面效果HBuilderX简介HBuilderX,简称HX,正如宣传的一样,是轻如编辑器,强如IDE的合体版本,快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。最重要的,还是绿色版本。下载HBuilderXHBuilder下载地址:在HBuilder官网http://原创 2021-07-14 23:15:08 · 267 阅读 · 1 评论 -
HTML学习01:使用记事本创建第一张页面
文章目录新建目录html新建文件first.html编写html代码运行页面新建目录html新建一个目录html,用于存储第一张页面。新建文件first.html在html目录下新建一个文本文档,如下所示:重命名为first.html,单击“是”,确定修改。注意查看,文件扩展名是否真的修改为.html类型。编写html代码打开first.html文件,编写如下代码:运行页面使用浏览器运行页面,推荐使用Chrome浏览器。效果如下:...原创 2021-07-14 17:39:22 · 486 阅读 · 0 评论