html框架以及属性字体应用
今日java开课,下午老师讲解了java的第一节课,有关于html的框架,为了自己方便以后也会在日记中添加一些便签方便自己使用。
了解这一些之后老师发布的作业也让我对码代码有了更深的认知,码完作业之后果然比刚听完有了更深的认知,也对一些代码有了更深的认知
有些代码算是在写作业中认知的
<span style="color: blue">
这是颜色
</span>
对于代码的应用在作业中也是越来越熟练了,也非常想慢慢了解更多的代码。
<!doctype html> 这是声明,我是一个html框架。如同盖屋子一样一眼就知道这是一间屋子
<html> 这是双标语,有个结束有个结尾,所有的代码都在这里面写完
<head> 也是个双标语,如同人的头一样,这里写一些明确的东西,把框架确定住
<meta charset="utf-8"> 这是声明整体代码都是由utf-8写的,utf-8是指万国码,可以些中文进代码
<title>无标题文档</title> 这是网页标签的名称
</head> <!--HTML:超文本标记语言-->
<!--标签分类:
1.双标签:有开始有结束的标签称之为双标签<标签名 属性名1="属性值1" 属性名2="属性值2"></标签名>。
2.单标签:只有开始标签并没有结束标签称之为单标签<标签名 属性名1="属性值1" 属性名2="属性值2">。
-->
<!-- HTML文件的基本结构:
<html>
<head></head>
<body></body>
</html>
-->
<!--快捷键
1.F12:打开当前页面/运行
2.ctrl+S:保存
3.ctrl+Z:撤销到上一步
-->
<!--标签嵌套 -->
<body> <!-- 这个就是身体部分了,所在网页上能看到的信息都是在这部分里写完并且呈现出来-->
<!--标题标签-->
<h1>这是标题一</h1>
<h2>这是标题二</h2>
<h3>这是标题三</h3>
<h4>这是标题四</h4>
<h5>这是标题五</h5>
<h6>这是标题六</h6>
<!-- 段落标签-->
<p>这是段落标签</p>
<p>这是第二个段落标签</p>
<!--换行标签-->
一二三四五,<br>
五四三二一,<br>
<hr>
<!-- 加粗效果-->
<b>字体加粗效果</b>
<strong>同样</strong>
<!--斜体效果-->
<hr>
<i>字体斜体</i><br>
<cite>同样</cite><br>
<em>同样</em><br>
<hr>
<!--上标标签-->
(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab <br>
<!-- 下标标签-->
SO<sub>4</sub><br><hr>
<!--大字号标签-->
<big>大字体</big><br>
<!--这是小字号标签-->
<small>小字体</small><br><hr>
<!--删除标签与空格标签-->
<s> 这是删除线</s>
<!--下滑标签-->
<u>这是下划线</u><hr>
<span style="color: blue"> 这是颜色 给文字添加颜色 </span>
<span style="background-color: blue" > 这是文字与文字背景添加颜色 </span>
</body>
</html> </span>
html框架以及属性字体应用的更多相关文章
- bootstrap框架禁用谷歌字体
bootstrap框架禁用谷歌字体 H5框架换字体.png
- 【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
/* * @Author: 我爱科技论坛 * @Time: 20180715 * @Desc: 实现一个类似于JQuery功能的框架 * V 1.0: 实现了基础框架.事件框架.CSS框架.属性框架. ...
- 前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位
前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位 一丶css选择器的优先级 行内 > id选择器 > 类选择器 ...
- 3 HTML标题&元素&图像&属性&字体增强&链接&头部标签与元素
HTML标题(heading) 通过<h1>~~~<h6>定义,每个元素代表文档中不同级别的内容. h1表示主标题,the main heading , h2,3分别表示二级. ...
- js中Frame框架的属性获取(1)
js中window和document对象及如何操作iframe 一. window对象 . 什么是window对象? Window对象表示浏览器打开的窗口.如果文档包含iframe或者是frame标签 ...
- CSS样式属性——字体+文本
CSS属性可分为以下几类:字体.背景.文本.位置.布局.边缘.列表 1. 字体——主要包括文字的字体.大小.颜色.显示效果等基本样式 font-family:用于设置字体系列 font-size:字体 ...
- Spring框架的属性注入
1. 对于类成员变量,常用的注入方式有两种 * 构造函数注入(没有空的构造方法注入) * 属性setter方法注入(有空的构造方法注入) 2. 在Spring框架中提供了前两种的属性注入的方式 1. ...
- Html5 input placeholder 属性字体颜色修改。
这篇文章主要介绍了有关HTML5 input placeholder 颜色修改方面的知识,需要的朋友可以参考下 Chrome支持input=[type=text]占位文本属性,但下列CSS样式 ...
- [Swift通天遁地]八、媒体与动画-(12)CoreText框架中的字体的FontMetrics布局信息
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
随机推荐
- linux下如何编译安装gcc-8.3.0
1. 获取源码 wget https://mirrors.ustc.edu.cn/gnu/gcc/gcc-8.3.0/gcc-8.3.0.tar.xz -P ~ tar xvf gcc-8.3.0.t ...
- Win32汇编学习(11):对话框(2)
我们将进一步学习对话框,探讨如何把对话框当成输入设备.如果您看了前一篇文章,那就会发现这次的例子只有少量的改动,就是把我们的对话框窗口附属到主窗口上.另外,我们还要学习通用对话框的用法. 理论: 把对 ...
- PIL PNG格式通道问题的解决方法
近来研究图片的剪切拼接,用到PIL,在打开PNG格式保存为JPEG格式的图片发现报错: import os from PIL import Image im = Image.open(r'E:\wor ...
- idea maven列表有问题的
idea maven列表有问题的,覆盖 C:\Users\用户名\.IntelliJIdea2017.2\system\Maven\Indices路径大致在这里 文件为 Indices.rar ...
- Servelet开发步骤和生命周期
Servelet开发步骤和生命周期 (1) 程序员开发程序,实现servelet的init和destroy接口 .重写servlet的 doGet.doPost.doPut.doDelete四个 ...
- WPF InkCanvas 书写毛笔效果
https://www.cnblogs.com/younShieh/p/10602787.html
- android --------- 嵌套unity出现 your hardware does not support this application,sorry!
最近遇见一个这个的问题 ,我在Android端接入Unity3D时出现的问题 问题是打开app直接弹出下面的弹框 点击ok 就退出了 遇到这样的问题 是因为libs文件夹的so文件出现了问题: 解决办 ...
- node常用模块---path
path---用来提供文件路径和文件之间的处理的函数 node常用模块之path
- sublime-代码提示
py的话安装这个插件: Anaconda user配置 { "python_interpreter":"F:/PY3/python.exe", "su ...
- CopyOnWriteArrayList&Collections.synchronizedList()
1.ArrayList ArrayList是非线性安全,此类的 iterator() 和 listIterator() 方法返回的迭代器是快速失败的:在创建迭代器之后,除非通过迭代器自身的 remov ...