html的初了解（更新中···）
（注：在学习时要养成一个良好的习惯，即每次写完都随手保存，快捷键为ctrl+s。即每次写完都随手点一下ctrl+s。）
html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。
网页的拓展名为html
网页由三大部分构成，分别为title（主题），url（网址）和body（网站内容）。
它的基本结构是<标签名>
它的基本结构骨架为
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
其中的utf-8是国内的编码，若不使用，就可能因为文字编码不同，输入文字时出现乱码现象。
标签又分为两种：单（空）标签和双标签
常见双标签有：
标题标签 有6个 从h1到h6
html title head body
p(段落标签）b（加粗标签）style(样式标签） i （倾斜标签） sup（上标标签） sub （下标标签） a(超链接）
em（小图标的）div （盒子标签） span （内敛标签） table（表格标签）tr(行标签) td(单元格标签)等···
常见单标签有：
单标签 <img /> <hr/>(分割线) <br/>(换行) <meta /> (网页元信息)
特殊：
Html特有的注释 <!--被注释的内容-->
a 超链接
<a href=”网址（路径）”>内容</a>
a有 两个属性 一个是 href 值是需要跳转的页面地址
另一个是target跳转页面打开的方式 _blank _self(默认的)
img 图片
<img src="../目录名./目录名/图片名"/>
img的属性 是src是图片的路径
起名方式
- 标签名
- Id起的 但是使用的时候加#
- Class 类 但是使用的时候用 .
注意事项：
起名要规范 不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母
起名的目的就是为了给他添加样式 style
html中的如果想改变形式，就要在基本结构骨架的基础上，再添加其它改变形式的代码，如想要添加表格要加<table></table>,想要把字体加粗就要加<b></b>,想要把字体倾斜就要加<i></i>等，
或在标签名或style中添加属性和属性值，（注：有些特殊的只能在标签名中添加）如：
1.
注意事项：
（1）书写规范 { } 是shift+[ 出来 { }
（2）起名规范 不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母
2.（特殊）如表格 table
border 是决定边框粗细的属性 cellspacing 是单元格空间的属性 cellpadding 是单元格内部的边距的属性。
Img插入table中
如果在表格中插入图片时出现有余白，如：
则需要在style中的img中加一组属性vertical-align:middle;
如果想合并单元格时需要在td中加入
colspan 水平合并单元格的个数
rowspan 垂直合并单元格的个数
表格中套表格要在table中再加一组table（注两组table）要用起名方式区分开，不然一旦设置大表格的table时小表格的table数值也会自动被识别和大表格的属性值一样，出现的后果就是表格被撑坏。
html的初了解（更新中···）的更多相关文章
- Android开发面试经——4.常见Android进阶笔试题（更新中...）
Android开发(29) 版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...
- 中国.NET：各地微软技术俱乐部汇总(持续更新中...)
中国.NET:各地微软技术俱乐部汇总(持续更新中...) 本文是转载文,源地址: https://www.cnblogs.com/panchun/p/JLBList.html by 史记微软. ...
- 史上最全的spark面试题——持续更新中
史上最全的spark面试题——持续更新中 2018年09月09日 16:34:10 为了九亿少女的期待 阅读数 13696更多 分类专栏: Spark 面试题 版权声明:本文为博主原创文章,遵循C ...
- 在UPDATE中更新TOP条数据以及UPDATE更新中使用ORDER BY
正常查询语句中TOP的运用: SELECT TOP 1000 * FROM MP_MemberGrade 随意更新一张表中满足条件的前N条数据: UPDATE TOP (1) MP_Member ...
- git常用命令（持续更新中）
git常用命令(持续更新中) 本地仓库操作git int 初始化本地仓库git add . ...
- Atom使用记录（持续更新中）
部分内容取自:http://www.jianshu.com/p/dd97cbb3c22d,我自己也在使用,持续更新中 Atom安装插件在窗口中File---Setting---install 在里面进 ...
- Pig基础学习【持续更新中】
*本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.* Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的,可以作为MapR ...
- Pig语言基础-【持续更新中】
***本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.*** Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的, ...
- java视频教程 Java自学视频整理(持续更新中...)
视频教程,马士兵java视频教程,java视频 1.Java基础视频 <张孝祥JAVA视频教程>完整版[RMVB](东西网) 历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播 ...
- 微软承诺将在今年的 Visual C++ 更新中加入 Clang 编译器
微软最近发布将在2015年11月 Visual C++ 更新中加入 Clang 编译器 ,Clang 开源编译器以相比GCC更快的编译速度和更优的错误提示著称. Clang关于C,C++,及Objec ...
随机推荐
- 等比数列二分求和(logn复杂度)
看完这个之后,感觉数学简直太厉害了 转载自:http://blog.csdn.net/acdreamers/article/details/7851144 今天我们学习如何有效地求表达式的值.对于这个 ...
- dp入门 石子相邻合并 详细带图讲解
题目: 有N堆石子,现要将石子有序的合并成一堆,规定如下: 1.每次只能移动相邻的2堆石子合并 2.合并花费为新合成的一堆石子的数量. 求将这N堆石子合并成一堆的总花费最小(或最大). 样例: 输入 ...
- uva 10600 ACM Contest And Blackout
题意: 求最小生成树和次小生成树的总权值. 思路: 第一种做法,适用于规模较小的时候,prim算法进行的时候维护在树中两点之间路径中边的最大值,复杂度O(n^2),枚举边O(m),总复杂度O(n^2) ...
- 更换tomcat运行日志目录
1.在tomcat安装文件夹的bin目录下,修改catalina.sh,改变catalina.out的输出目录 CATALINA_OUT="$CATALINA_BASE"/logs ...
- tensorflow学习3---mnist
import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data '''数据下载''' mnist= ...
- onclick或者其他事件在部分移动端无效的问题
最近开发碰到一个问题,大多数手机都可以正常访问点击,但是有部分手机onclick无效,不知道可能是什么原因?该如何解决? 我遇到的这个问题,实际不是onclick的原因,而是因为js里面包含es6的语 ...
- Oracle12.2中新增的分区功能
Oracle 12.2已经发布一段时间,公网上也可以下载试用.针对12.2,partitioning(分区)也有了不少增强. 自动列表分区 多字段列表分区 只读分区 分区维护时允许过滤 在线转换非分区 ...
- 【独家】终生受用的Redis高可用技术解决方案大全
最近很多朋友向我咨询关于高可用的方案的优缺点以及如何选择合适的方案线上使用,刚好最近在给宜人贷,光大银行做企业内训的时候也详细讲过,这里我再整理发出来,供大家参考,如有不妥之处,欢迎批评指正,也欢迎推 ...
- Python进阶【第十一篇】模块(下)之常用模块
内置模块是Python自带的功能,在使用内置模块相应的功能时,需要[先导入]再[使用] 一.time模块 在Python中,通常有这几种方式来表示时间: 时间戳(timestamp):通常来说,时间戳 ...
- Kattis之旅——Factovisors
The factorial function, n! is defined thus for n a non-negative integer: 0! = 1 n! = n * (n-1)! (n & ...