2017.9.12 初入HTML -----学习总结(二)
接上:。。。。。
(4)标记可分为:
4.1单标记:(单标记仅单独使用就可以表达完整的意思)
基本语法:<标记名称/>
例如:<br/>实现换行的功能、<hr/>实现绘制水平直线
4.2 双标记:(由“首标记”和“尾标记”构成,成对使用)
基本语法:<标记名称>内容</标记名称>
例如:<b>计算机</b>表示在现实的时候“计算机”是以黑体出现
ps:双标记是必须成对的出现。
(5)标记的属性:通过标记来命令浏览器按怎样的格式或者形式来输出呈现给我们的一种用户体验。
基本语法:<标记名称 属性名1=“属性值” 属性名2=“属性值”..... 属性名n=“属性值”>
注意:标记名称跟属性名之间用空格隔开
例如:<hr size(大小)="5px" align(对齐)="center" color(颜色)="blue" width(宽度)="80%">
解释含义:在页面上绘制一条粗细为5px的蓝色直线,直线在页面居中,宽度占页面的80%。
属性值一般用""括起来,且必须使用英文双引号。
(6)注释标记格式:(注释标记用于在HTML源码中插入注释,一般,注释会被浏览器忽略)
<!--注释内容-->
2.1.2 HTML基本标记与使用
(1)网页基本结构控制标记
1-1 <html> </html>:
用来标记这是html文档 <html>放在开头表示文档开始,</html>放在结尾表示文档结束.
1-2 <head>内容</head>:
标签内的“内容”是文档的头部信息,说明文档的基本情况,如文档的标题等,
其内容不会出现在页面的内容中。在此标签之间可以用<title></title> ,<script></script>.
1-3 <body>内容</body>:
这个标签内的“内容”是html文档的主体部分,它可包含显示信息及其控制信息显示的各种标签,
Such as:<p> </p>,<h1></h1>,<hr><br/>等标签,他们所定义的文本、图像将会在网页中显示出来。
(2)<body>常用属性:
bgcolor——设置背景颜色 Such as:<body bgcolor="red"> 设置红色背景
text——设置文本颜色 Such as:<body text=“#00000ff”> 设置蓝色文本
组合之后的<body bgcolor="red" text=“#00000ff”>
(3)文本与段落标记:
各种标签可以嵌套,但是不可以交叉(p align="center" <b><font size="3">静夜思</b></p>.)
(有没有人可以解答一下什么是交叉,上面的语法错在哪里)
3-1:<h#> </#h>:
标题标记,#=123456,定义了6级标题,每级标题的字体大小依次递减,
属性align设定对齐方式:center(居中),left(左对齐,默认),right(右对齐)
3-2:<b> </b>:
黑体标记
3-3:<i> </i>:
斜体标记
3-4:<strong> </strong>:
加重文本标记(通常是斜体加黑体)
3-5:<font> </font>:
字体标记:size属性,设置字体大小,取值1~7;
color属性,设计字体颜色,使用名字常量或RGB的十六进制值,
face属性,设计字体字型,例如:“宋体”“楷体”
3-6:<p></p>:
段落标记:属性align指定对齐方式
3-7:<hr/>
水平分隔线标记:属性width设置线的长度(单位像素),size设置线的粗细(单位像素)
color设置线的颜色,align设置对齐方式.
3-8:<br/>
插入一个回车换行
2017.9.12 初入HTML -----学习总结(二)的更多相关文章
- 2017.9.11 初入HTML学习
第二章 静态网页开发技术 静态网页是指可以由浏览器解释执行而生成的网页,HTML是一组标签,负责网页的基本表现形式: JavaScript是在客户端浏览器运行的语言,负责在客户端与用户的互 ...
- 初入计算机图形学(二):对bidirectional path tracing的一些困惑
本人水平有限,若有错误也请指正~ 前文提及了光线追踪的一些常用手法,但是其中path tracing的实现最为简单,但是其最致命的一个缺点就是图像收敛速度很慢..原因在于从摄影机发射出的每一条光线若不 ...
- python最全学习资料:python基础进阶+人工智能+机器学习+神经网络(包括黑马程序员2017年12月python视频(百度云链接))
首先用数据说话,看看资料大小,达到675G 承诺:真实资料.不加密,获取资料请加QQ:122317653 包含内容:1.python基础+进阶+应用项目实战 2.神经网络算法+python应用 3.人 ...
- Scala初入
何为Scala物 Scala为基于JVM虚拟机中的面向对象与函数式编程思想并且完全兼容Java的混合编程语言,可以是Scala与Java是同根同源的,既然Scala与JAVA都是基于JVM之上的编程语 ...
- 初学HTML5、初入前端
学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...
- 0x00linux32位汇编初入--前期准备
0x00汇编初入--前期准备 一.汇编工具 在linux平台下常用的编译器为as,连接器为ld,使用的文本编辑器为vim,汇编语法为att 以下是一些工具: addr2line 把地址转换为文件名和行 ...
- 初入职场的建议--摘自GameRes
又开始一年一度的校招了,最近跑了几个学校演讲,发现很多话用短短的一堂职业规划课讲还远远不够,因为那堂课仅仅可能帮大家多思考怎样找到一份合适的工作,并没有提醒大家怎样在工作中发展自己的职业. 见过这么多 ...
- SuperMap iClient for JavaScript初入
SuperMap iClient for JavaScript初入 介绍SuperMap for Js的简单使用. 推荐先看下这篇文档:SuperMap iClient for JavaScript ...
- 初入TensorFlow————配置TensorFlow
能看到这说明你对python已经有一定的了解了,因此很多基础直接跳过. 一.TensorFlow环境配置: TensorFlow的环境配置在网上很多的教程都是用anaconda的方式,但是很容易出现冲 ...
随机推荐
- k8s单节点集群部署应用
之所以用k8s来部署应用,就是因为k8s可以灵活的控制集群规模,进行扩充或者收缩.生产上我们要配置的参数较多,命令行的方式显然不能满足需求,我们应该使用基于配置文件的方式.接下来做一个部署的demo: ...
- TOJ 2939 解救小Q
描述 小Q被邪恶的大魔王困在了迷宫里,love8909决定去解救她.迷宫里面有一些陷阱,一旦走到陷阱里,就会被困身亡:(,迷宫里还有一些古老的传送阵,一旦走到传送阵上,会强制被传送到传送阵的另一头. ...
- c# 跨平台ide JetBrains Rider
https://www.jetbrains.com/rider/ et框架 调试hotfix用的,说是vs调试容易崩溃 破解方法 https://zhile.io/2018/08/18/jetbrai ...
- <div>里用display:block有用么?
对所有的块元素都没有意义,块元素的dispaly属性默认值为block,没必要再显式定义--除非你之前对块元素的display属性重新定义过. =========================== ...
- SEH结构
首先有几点问题 1.在后文中看到的PE的节中的配置信息表Load configuration是对SEH回调函数的注册,那么Exception Table是加载的什么信息. 2.什么时候走进系统异常,什 ...
- DEM、DSM、DOM 名词解释
1.DEM(Digital Elevation Matrix) 数字高程矩阵. 数字高程模型(Digital Elevation Model,缩写DEM)是一定范围内规则格网点的平面坐标(X,Y)及其 ...
- 关于微信小程序的动态跳转
最近在研究微信小程序.在做一个简单的购物小程序时,遇到一个问题:如何通过扫码实现动态的跳转页面功能, 通过研究终于找到了解决方法: 首先当然要实现扫码解析功能js的代码: click: functio ...
- tomcat一个IP绑定多个域名,不同域名访问不同的应用
修改conf文件夹下面的server.xml的Engine里面的内容即可原始内容如下: …… <Engine name="Catalina" defaultHost=&quo ...
- Lucene 初识
因为业务需要,虽然自己不是专门写搜索的,但是需要自己拼一些搜索条件去调用搜索的接口,而之前看的JVM crash里也涉及到了Lucene,所以大概了解一下. 参考文档: http://www.itey ...
- 【Android】4.0 神一样的仪式感:Android第一个项目HelloWorld——eclipse
进入Eclipse,在左侧栏右击: 新建 “Android Application Project”项目,如果new之后没有,选择“Project”中“Android”目录下的 “Android Ap ...