博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html的学习(一)
阅读量:6679 次
发布时间:2019-06-25

本文共 2092 字,大约阅读时间需要 6 分钟。

1.基本标签:

标题:<h1>-<h6>:段落的倍数越来越小;可见:

段落:<p>:  

链接:<a>:

图像:<img>,可通过width,height,指定图像的大小;

换行:<br/>(其推荐的写法)

水平线:<hr>

 *注意:align、bgcolor、color、在属性表中将被丢弃,勿使用过多,可见:

2.css样式:

css的优先级:内部样式>内联样式>外联样式

                        style>id>class>元素选择

字体:font-family

颜色:color 

字体大小:font-size

文本居中:text-align:center

3.文本格式化:

文本加粗:<b>

文本斜体:<i>

文本插入线:<ins>

文本删除线:<del>

4.超链接:

(1) <a href = "..." >文本内容</a>  属性:target:_blank(默认在本页打开,在新窗口打开)

(2)书签的用法:

创建书签:<a name="tips"></a>或<a id="tips"></a>

跳转到书签:在本面<a href="#tips"></a>或在其他面<a href="www.baidu.com#tips"></a>

 (5)表格:

<table> 属性:frame:控制围绕表格的边框。参见:

(6)列表:

无序列表<ul><li></li></ul>,属性:type:定义列表类型。

有序列表:<ol><li></li></ol>:

列表之内可以包含段落,换行符、图片、链接,以及其他列表等。

(7)块:

内联元素(inline element):内联元素在显示时通常不会以新行开始。如:<h1>, <p>, <ul>, <table>

块级元素(block level element)块级元素在浏览器显示时,通常会以新行来开始(和结束)。<b>, <td>, <a>, <img>

 (8)html脚本:

如何应付老式的浏览器(摘自w3school)

如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,

你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 <script> 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。

而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。

如:javaScript

 (9)html头部: :指定所有标签打开的方式 
:指定文档与外部资源的关系,如样式表:
:提供html文档的元数据:一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
(10)html的文档类型: html5: html1.0:  html4.01:
 具体可参考:
(10)html的文档类型: #000000 rgb(0,0,0) 黑色的 #FF0000 rgb(255,0,0) 红色的 #00FF00 rgb(0,255,0) 绿色的 #0000FF rgb(0,0,255) 蓝色的 #FFFFFF rgb(255,255,255) 黑色的
(11)css简写: 1.边框: border:width style color;
width left right top bottem ---
style left right top bottem ---
style left right top bottem --- 2.内边距:padding top right bottom left
3.外边距:margin (div居中,可以使用margin:auto,由浏览器自动计算外边距的距离) top right bottom left (11)控制字体: 1.指定字体:font-family:value1,value2; 2.字体在小:font-size:value; 3.字体加粗:font-weight:nomal/bold; ---文本格式 1.文体颜色:color:value; 2.文本排列:text-align:left/right/center; 3.文本修饰:text-decoration:none/underline; 4.行高:line-height:value; 5.首行文本缩进:text-indent:value; (12)控制表格: 1.垂直方向对齐:vertival-align:在表单元格中,设置单元格框中的单元格内容的对齐方式, top/middle/bottom; 如:

2.边框合并 :border-collapse:separate/collapse:(合并或分离相邻的边框)

3.边框边距:border-spacing(border-collapse:separate,时,才能用)

(13)定位:133页

 
 

转载于:https://www.cnblogs.com/pingqlin341/p/7376669.html

你可能感兴趣的文章
jsfl导出库里面的PNG图片
查看>>
PostgreSQL的MVCC vs InnoDB的MVCC
查看>>
COMP9321/19T1/resources/22490
查看>>
使用JSON实现分页
查看>>
如何优雅地使用Markdown (Sublime 3 + MarkdownEditing+OmniMarkupPreviewer)
查看>>
HTML+5+从入门到精通
查看>>
安全退出调用多个Activity的Application
查看>>
pdf怎么编辑连续页码
查看>>
非openresty方式安装Nginx + Lua + Redis 环境
查看>>
记2012-2013年一路的Windows Phone历程
查看>>
本博客搬家辣
查看>>
sysstat安装
查看>>
修改root密码
查看>>
Java语言Switch语句详解
查看>>
在Word 2007文档表格中设置行高度和列宽度
查看>>
微软云计算,有多近?有多远?
查看>>
android:layout_gravity和android:gravity
查看>>
我的友情链接
查看>>
使用 docker-compose 批量创建机器
查看>>
洛谷——P2820 局域网
查看>>