HTML+CSS基础——标签
文章平均质量分 79
详细介绍了HTML和CSS的一些基本标签,基本包括啊绝大部分的网页内容,学完此内容,你将会对网页有一个更深刻的了解。
张謹礧
在校大学生一枚,希望大家可以多多交流,多多关照,备战考研,一起上岸
展开
-
HTML+CSS基础——HTML5(布局)
这是一个HTML网页的代码,描述了一个简单的网页布局。该网页包括一个标题(Yoko’s Kitchen)、导航栏(home, classes, catering, about, contact)、主要内容区域(courses)和侧边栏(popular-recipes, contact-details)。页脚显示了版权信息。图像和样式表也包括在代码中。原创 2023-12-30 18:49:56 · 1088 阅读 · 0 评论 -
HTML+CSS基础——CSS控制器(列表、表单、表格)
页面内容:标签定义了页面的主标题。标签用于段落,包含了关于诗歌工作坊的一些说明。和标签用于创建无序列表,展示了几个诗歌工作坊的名称。、、和标签创建了一个表格,展示了不同工作坊在不同地点和时间的安排。标签定义了一个表单,用于注册兴趣并提交信息。标签将相关的表单元素包含在一个组中。标签定义了字段集的标题。标签用于创建文本输入框和提交按钮。原创 2023-12-30 17:54:31 · 866 阅读 · 0 评论 -
HTML+CSS基础——CSS控制器(图像)
这是一个简单的网页代码,用于展示一组古董植物版画的图像。代码使用了HTML和CSS来定义页面样式和布局。在标签中,有一个包含所有图像的元素,使用了类名.entry,每个图像都是一个元素,使用了类名.entry和元素。每个图像都有一张标签,用于显示图像,并且每个图像还包含一个元素,用于显示图像的标题。样式部分使用了一些选择器来定义页面的外观。.wrapper类用于定义一个宽度为720像素、居中对齐的元素,.header类用于原创 2023-12-30 18:41:15 · 1088 阅读 · 0 评论 -
HTML+CSS标签——基础标签(div、span、iframe、meta)
这段代码是一个简单的HTML页面,描述了一个名为“The Art Bookshop”的书店的联系方式。页面包括书店的名称、导航菜单、地址、电话号码、电子邮件和一个嵌入的Google地图。书店位于伦敦的 Charing Cross Road。原创 2023-12-29 20:00:33 · 381 阅读 · 0 评论 -
HTML+CSS基础——CSS控制器(布局)
在这个代码中,可以看到以下几个重要部分:CSS文件和字体声明:通过标签和标签引入和定义CSS样式。页面结构:通过元素和CSS类定义了网页的主要部分,如页眉、导航栏、网页主体内容、主要文章、更多文章和页脚。显示的图片:通过标签插入了一些图片,并设置了它们的宽度、高度和alt属性。原创 2023-12-30 18:30:47 · 838 阅读 · 0 评论 -
HTML+CSS基础——CSS控制器(文本控制(字体、大小,间距、颜色))
标题为 “Briards” 的主标题和子标题一个简短的介绍,描述 Briards 是一种传统用来牧羊和保护羊的大型狗品种“Breed History” 的子标题和一段描述 Briards 起源于法国,被用来作为牧羊犬和保护犬,并在一战中被法国军队用于哨兵、传信和搜索等任务,甚至几乎濒临灭绝。目前,Briards 的数量正慢慢恢复。另外,一些历史人物如查理曼大帝、拿破仑、托马斯·杰斐逊和拉法叶也曾拥有 Briards。文章末尾有一个署名为 Ivy Duckett 的致谢。原创 2023-12-29 20:13:12 · 952 阅读 · 0 评论 -
HTML+CSS基础——CSS颜色控制(RGB值、十六进制编码、颜色名称)
这段代码是一个简单的 HTML 文件,它定义了一个具有不同颜色背景的 pH 度量表。pH 值是用于表示溶液酸碱性的指标,范围从 0 到 14。在这个代码中,p 标签的类名对应于不同 pH 值的背景颜色。例如,p 类名为 “zero” 的段落具有非常酸性的背景颜色(红色),而 p 类名为 “seven” 的段落具有中性的背景颜色(绿色)。原创 2023-12-29 20:06:00 · 456 阅读 · 0 评论 -
HTMLL+CSS基础——基础标签(表单标签、from)
这是一个 HTML 页面,包含一个简单的表单。该表单使用 HTTP GET 方法将数据提交到 http://www.example.com/review.php,其中包含一些输入字段,让用户输入有关其姓名、电子邮件、评论等方面的信息。该表单还包含下拉菜单、单选按钮、复选框等控件,以便用户填写有关该网站和他们对其的评价、反馈和兴趣的数据。原创 2023-12-29 12:55:39 · 1662 阅读 · 0 评论 -
HTML+CSS基础——CSS控制器(盒子模型,盒子控制、display、visibility)
这段代码设置了段落()和链接()的样式,包括文本对齐、宽度、内边距、外边距、字体重量、字体颜色、文本转换、文本装饰和鼠标悬停时样式的改变。其中a:hover和.om选择器会在鼠标悬停和其他动作时改变链接的颜色和背景色。原创 2023-12-29 20:19:17 · 1423 阅读 · 0 评论 -
HTML+CSS基础——基础标签(图像标签(img、src、alt))
这是一个简单的HTML页面,其中包含了一些图片。图片的源文件存储在images文件夹中。第一张图片的路径是"images/1.jpeg"。它的替代文本是"From A to Zucchini",宽度是150像素,高度是100像素。第二张图片是一个figure元素内的图片,路径是"images/2.jpeg"。它的替代文本是"Chocolate Islands",标题是"Chocolate Islands Individual Cakes",宽度是100像素,高度是150像素。图像下方存在一个figca原创 2023-12-29 12:39:04 · 1107 阅读 · 0 评论 -
HTML+CSS基础——基础标签(表格标签(table、tr、td、th等等))
这是一个包含表格的简单网页。该表格列出了两种不同的主机方案(Home starter hosting和Premium business hosting)以及它们的一些特点。表格的第一行是表头,包括三列,分别是空白列、Home starter hosting和Premium business hosting。接下来的行是表格的主体部分,每一行代表一种特点。第一行表示磁盘空间(Disk space),Home starter hosting拥有250MB的磁盘空间,而Premium business h原创 2023-12-29 12:43:57 · 1135 阅读 · 0 评论 -
HTML+CSS基础——基础标签(如何建立一个简单的页面)
教会你最简单的页面制作方法。原创 2023-12-26 08:11:59 · 461 阅读 · 0 评论 -
HTML+CSS基础——基础标签(连接标签<a>)
: HTML文档的根元素,包含了整个HTML文档的内容。: 包含了文档的元数据,如标题、引用的样式表和脚本等。: 指定文档的标题,显示在浏览器标签页上。: 包含了文档的主体内容,是用户在浏览器中看到的部分。,,: 标题标签,按照优先级从高到低分别表示一级标题、二级标题和三级标题。: 段落标签,用于包裹段落文本。: 锚点标签,用于创建链接。href属性指定链接的目标,可以是一个URL地址、一个文件路径或一个已定义原创 2023-12-27 11:16:41 · 938 阅读 · 0 评论 -
HTML+CSS基础——基础标签(文本标签)
这是一个HTML文档,描述了一个故事中的书籍的故事情节。这个故事被分为章节,这是第一章。故事中的角色是一个名叫Molly的人物。故事描述了她坐在窗边凝视了一个小时,房间里有许多科学杂志和一本很破旧的书,书的名字是"On The Road"。这本书从大学时期起就是Molly最喜欢的书籍,她在这四面墙之内呆了十年,越待越觉得自己需要自由。她的工作是解开羊驼DNA的秘密,被许多人认为是一项杰出的成就,但Molly认为自己有更重要的事情要做。原创 2023-12-27 11:03:56 · 371 阅读 · 0 评论 -
HTML+CSS基础——基础标签(有序列表、无序列表、定义列表)
这是一个HTML格式的食谱,内容为炒鸡蛋的制作方法。配料包括2个鸡蛋、1汤匙黄油和2汤匙奶油,其中鸡蛋和奶油需要在碗中轻轻混合。步骤包括在中火热锅上加热黄油、加入鸡蛋和奶油、不断翻动锅边的鸡蛋直到变成滑嫩的状况,并在鸡蛋仍然含有少量水分的时候离开热源(因为它在碟子上仍会继续煮熟),最后按照此方法完成美味的炒鸡蛋。原创 2023-12-27 11:11:40 · 563 阅读 · 0 评论