html红色星号怎么做_码农的插花艺术:HTML(一)

5394079958209244eaad8daf611a21d4.png
这是笔者学习html的过程中的小小心得和体会,由于笔者也是前端初学者,能力有限难免出错,恳请各位读者看到有错误的地方多多包涵,也欢迎各位在评论区积极讨论。

严格来讲html并不算一种“语言”。html的文档可以以txt的形式保存,当使用浏览器打开时便自动转化为一个网页。html以各种tag组成,在我看来,就如在一个花盆(文件)内插花。

html的语法总的来说是由标签组成,格式是<element name="value">,其中element规定了这个标签的类型,name是这个标签的属性名,value是属性值。如果一个标签有内容,会使用<> </>的格式

插花的基础是一个花篮,花瓶,抑或是花盆等载体。这就是头部的声明<!DOCTYPE html>和把整个html文件框起来的<html></html>

然后我们在插花前要对载体预处理,包含在<head></head>里。其中最关键的是编码声明和标题,举例如下:

<head><meta charset="utf-8"><!-- 注释:这是编码说明 --><title>标题</title><!-- 这是文章标题 --><link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

当然也可以像例子中一样使用link标签链接外部样式表。样式表可以理解为为插花拍照的滤镜。后面会再提到。

然后我们要开始将各种花插到花瓶中,花瓶就是html文件的<body>tag。

<body><p>醛基的测试网页!</p>
</body>

<p></p>代表的是一个段落,而其他的tag可以去这个链接里面看看。

当然我们并不止步于普通的黑白文字,我们可以对一个对象元素做处理,比如:

<p style="color:red">我是红色!
</p>

如果要对一类元素进行处理,可以使用class属性和样式表

<body><h1 class="redcolor">我是红色!</h1><p class="redcolor">我也是红色!</p>
</body>
<style>.redcolor{"color:red"}
</style>

如果对单个元素进行处理,也可以用id属性,在书写样式表的时候也要加以处理,如:

<body><h1 id="redcolor">我是红色!</h1>
</body>
<style>#redcolor{"color:red"}
</style>

这一部分要是进行深入的学习,就要涉及到css的知识。但是如果不对css也进行学习,单纯用html写出来的东西非常简陋。就像插花也不是一把大剪刀把花掰扯下来堆一起就好了的,优秀的插花工人会对花进行修饰润色。

css能做的不仅仅是静态的展示,也可以做到一很多动态的展现。但是如果说要在网页上进行较强的交互,就需要javascript脚本等其他工具的帮助。此时不单单是简单的插花了,花瓶中有蝴蝶蜜蜂飞舞。当然笔者自己也还没对此深入了解过,也希望在下一篇文章中能与大家分享有关的知识~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/559534.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

scrapy没有运行结果_关于Scrapy爬虫项目运行和调试的小技巧(下篇)

前几天给大家分享了关于Scrapy爬虫项目运行和调试的小技巧上篇&#xff0c;没来得及上车的小伙伴可以戳超链接看一下。今天小编继续沿着上篇的思路往下延伸&#xff0c;给大家分享更为实用的Scrapy项目调试技巧。三、设置网站robots.txt规则为False一般的&#xff0c;我们在运用…

信佑无盘主服务器密码,(信佑无盘帮助手册.doc

(信佑无盘帮助手册1.无盘服务器配置&#xff1a;1.系统盘:1 块2.数据盘和内存最底配置: 内存:4G数据盘: 1块回写盘: 1,块150台以下&#xff1a;intel 3000-5000 芯片系列主板 或AMD平台&#xff0c;64位CPU8 -16G3块sas做读&#xff0c;3块sas做写&#xff0e;100台以下&#…

easyui datagrid oncheck 修改行样式_100 种 PPT 图表样式送给你

你好&#xff0c;这里是诺灰屋我是诺灰距离上一篇推文&#xff0c;已有近一个月的时间没有给大家写推送了。这期间&#xff0c;我一直在进行数据图表方面知识的网络调研。甚至于在知网上找了几篇论文来看&#xff0c;当然&#xff0c;内容很枯燥&#xff0c;不实用。同时&#…

学excel还是学python_已经会Excel了还需要学python吗?

作为一名现代职场人&#xff0c;相信Excel是我最熟悉不过的工具了。作为数据处理的日常办公软件&#xff0c;Excel以其优秀的数据分析处理功能&#xff0c;简单易用的操作成为大家的最爱。也许你不知道python是什么&#xff0c;但是一定知道Excel。 作为一名小白&#xff0c;我…

系统如何启动数据库服务器,怎么启动sql数据库服务器

怎么启动sql数据库服务器 内容精选换一换PostgreSQL支持逻辑备份。您可使用pg_dump逻辑备份功能&#xff0c;导出备份文件&#xff0c;再通过psql导入到RDS中&#xff0c;实现将PostgreSQL的数据导入到云数据库RDS中。云数据库RDS服务支持开启公网访问功能&#xff0c;通过弹性…

富士康服务器主板X58维修,富士康X58 Blood Rage主板BIOS预览

富士康X58主板Blood Rage在软硬件方面都已经设计完成&#xff0c;下边就来看看BIOS设定部分。通用条目这里暂且略过&#xff0c;只看看富士康独特的“Quantum BIOS”部分&#xff0c;有关系统各部件的条件以及超频都要在这儿完成。Quantum BIOS主界面&#xff1a;分为处理器功能…

python手动安装包_python pip如何手动安装二进制包

python中使用pip安装扩展包的时候&#xff0c;有时候会遇到如下类似报错&#xff1a; Running setup.py install for mysqlclient ... error ...(中间报错信息省略) building MySQLdb._mysql extension error: Microsoft Visual C 14.0 is required. Get it with "Build T…

amd cpu不能在cmd环境下运行java代码_00 开发环境搭建

我们来着手在本地计算机环境安装 TensorFlow 最新版框架。TensorFlow 框架支持多种常见的操作系统&#xff0c;如 Windows 10、Ubuntu 18.04、Mac OS 等等&#xff0c;同时也支持运行在 NVIDIA 显卡上的 GPU 版本和仅适用 CPU 完成计算的 CPU 版本。我们以最为常见 Windows 10 …

更新无限无线连接更新服务器,02-H3C WBC560多业务无线控制器软件升级操作指导...

本文中的绿洲平台指的是WBC560多业务无线控制器中的本地绿洲。1.1.1 软件升级方式简介AC支持通过命令行进行软件升级和通过Web页面进行软件升级&#xff0c;命令行升级方式只能通过以太网口telnet到AC进行升级&#xff0c;无法通过HDM进行升级。升级方式说明需要重启AC来实现A…

pythonista_Pythonista20190325伤不起

图片发自简书App print("You enter a dark room with two doors. Do you go through door #1 or door #2?") door input("> ") if door "1": print("Theres a giant bear here eating a cheese cake,What do you do?") print(&…

nfc卡模式与标准模式_渠道如何标准化管理,建立新的销售模式,提升业绩完成率...

请您关注&#xff0c;转发&#xff0c;点赞&#xff01;转化能力持续为您创作实用有效的营销工具&#xff0c;管理工具&#xff0c;计划表格&#xff0c;如何完成业绩方法&#xff0c;战略如何规划&#xff0c;如何总结和规划等实用文件&#xff0c;提高职场营销人的营销能力和…

计算机组成原理r型指令logisim实现_第一章 计算机体系结构

需要掌握的内容&#xff1a;存储程序计算机计算机系统的多级层级结构计算机体系结构计算机组成计算机实现计算机体系结构、组成与实现三者的关系存储程序计算机透明性Amdahl定律CPU 性能公式程序局部性原理计算机性能的若干定义计算机体系结构分类计算机体系结构的发展影响计算…

智力问答选择题_经典智力问答题汇总

经典智力问答题汇总1、什么动物最没有方向感&#xff1f;答案&#xff1a;麋鹿(迷路)2、什么动物猜拳永远不会有输赢&#xff1f;答案&#xff1a;螃蟹3、什么动物最容易摔倒&#xff1f;答案&#xff1a;狡猾的狐狸(脚滑)4、什么鸡没有翅膀&#xff1f;答案&#xff1a;田鸡5、…

两个矩阵是否相交的算法_算法血拼:Google+百度+Alibaba+字节+Tencent+网易+360+拼夕夕...

最热的三伏天来了&#xff0c;相信有许多小伙伴们都已马不停蹄的在准备各大厂的秋招提前批了吧&#xff0c;不知算法与数据结构会不会成为你的坎&#xff1f;恰好&#xff0c;我这两天花了点时间&#xff0c;整理了些各大厂(Google百度Alibaba字节Tencent网易360拼夕夕美团小米…

神经网络 顾晓东_基于神经网络的图像边缘检测方法

!DJ1$0’’"0’"’/’&/)-%$(’"-%%’>,$2%’/5-,NYW;_K)1>L05%fPDb05>-51%MP;b01>81#/(--525(.P.(*V,71(W2155*12%/01,’1-1,23145*6178%K,2L0()A!%%!G%/01,$!(/,$&/(DV570(J(.5J25J57571(%O,65J(5)*,-57U(*R616S*(S(65J1705S,S5*:E05V570…

安装python缺少dll_Microsoft.PythonTools.dll

我该如何安装从金山毒霸下载的DLL文件&#xff1f; 一&#xff1a; 1、从金山毒霸下载压缩文件。 2、将DLL文件解压到电脑上的某个地方。 3、把该文件跟要求使用它的程序放在同一路径上。注意32位程序需要使用32位的DLL文件&#xff0c;64位程序需要使用64位的DLL文件。否则会出…

cp 过程流程图模板_程序流程图有什么用?简单实用的流程图模板大全

原标题&#xff1a;程序流程图有什么用&#xff1f;简单实用的流程图模板大全程序流程图是什么呢&#xff1f;程序流程图就是用规定的符号描述一个程序中所需的各种操作或者判断的图表。程序流程图的设计是在处理流程图的基础上&#xff0c;通过对数据的整理、计算和分析&#…

arduino esp8266_你还用Arduino?上PlatformIO开发Esp、AVR、STM32,十分钟亲测ESP8266

简介对单片机最早的认识是大一的时候刷到的C51单片机&#xff0c;那时候玩了一阵子感觉可玩性不高&#xff0c;后来有了解到Arduino&#xff0c;买了两Uno回来用Arduino开发感觉可玩性和快速开发都比C51强多了&#xff0c;再后来了解了NodeMCU这玩意&#xff0c;又入手了Esp826…

python中ndim是什么_Numpy中ndim、shape、dtype、astype的用法详解

本文介绍numpy数组中这四个方法的区别ndim、shape、dtype、astype。1.ndimndim返回的是数组的维度&#xff0c;返回的只有一个数&#xff0c;该数即表示数组的维度。2.shapeshape&#xff1a;表示各位维度大小的元组。返回的是一个元组。对于一维数组&#xff1a;有疑问的是为什…

python怎么引入os模块的函数_Python里的OS模块常用函数说明

Python的标准库中的os模块包含普遍的操作系统功能。如果你希望你的程序能够与平台无关的话&#xff0c;这个模块是尤为重要的。即它允许一个程序在编写后不需要任何改动&#xff0c;也不会发生任何问题&#xff0c;就可以在Linux和Windows下运行。 下面列出了一些在os模块中比较…