JavaWeb_day1_HTML

零零猪

于 2018-09-20 11:47:57 发布

阅读量127

点赞数

文章标签： html的概念和一些标签

本文链接：https://blog.csdn.net/weixin_42062397/article/details/82773984

版权

1.概念：超文本标记语言

超文本指的是页面内可以包括图片，链接，音乐，程序等非文字元素；

标记就是使用标签的方法将需要的内容括起来

2.结构：包括头部（head）和主体部分（body）

头部提供关于网页的信息

主体提供网页的具体内容

3.语法和规范

所有html文件的后缀名都是以.html结尾或者.htm结尾，建议使用html

整个html分别由头部分<head></head>和体部分<body></body>组成

html标签忽略大小写，建议使用小写

4.标签的学习

（1）标题标签

标题标签使用<h1>到<h6>,逐渐变小

特点：加粗加黑显示，单独占用一行，与其他行有一定距离

（2）水平线标签

<hr/>

（3）注释标签

快捷键是ctrl+/

(4)段落标签

<p></p>

(5)字体标签

字体标签必须结合其属性才能具备一定的样式效果

设置颜色：color

设置字体：face（那些字体必须是本机具有的）

设置大小：size（从1到7逐渐变大，超过7按照7来显示）

（6）加粗显示

<b></b>

(7)斜体

<i></i>

（8）图片标签

图片的位置属性src：../logo2.png上一级目录

绝对路径：带有盘符的

相对路径：

1.如果是同级的：直接写文件名，或者./文件名

2.如果是上一级的：../文件名称（如果是多层，多些几个../）

3.如果是下一级的：写目录名称/文件名称

alt属性：无法正常显示的时候alt属性

width：设置图片的宽度

heigjt：设置图片的高度

(9)超链接标签

target属性 _self:在原来的标题卡上跳转

_blank:重新打开一个标题卡

如果不想要超链接的下划线：text-decoration：none

也可以自己命名打开方式target="right"，但必须有name=right的这个标签

(10)列表标签

无序列表

<ul>

（属性：type有3个取值）

</ul>

有序列表

（属性：type有5个取值，start：起始位置，reverse：倒序）

</ol>

（11）表格标签

table属性：

边框：border

宽度：width

高度：height

背景色：bgcolor

边框和边框的距离：cellspacing

边框和内容的距离：cellpadding

居中显示：align

跨行跨列操作是针对单元格：一般使用<td>元素的colspan属性来实现单元格跨列操作，使用<td>元素的rowspan属性来实现单元格的跨行操作

<tr>//行

<td></td>//列

</tr>

<tr>

<td></td>//列

</tr>

</table>

（12）框架结构标签

<frameset></frameset>

定义将页面进行区域的划分

属性：cols：进行垂直切割，可以切割任意块（参数的值相加等于100%）

rows:进行水平切割，可以切割任意块（参数的值相加等于100%）

每个<frameset>定义一系列行或者列

rows和columns的值规定了每行或者每列占据屏幕的面积

例：a页面占据列的25%，b页面占据列的75%

<frameset cols="25%,75%">或者<frameset cols="25%,*">只要加起来等于100%就行了
   <frame src="frame_a.htm">
frame属性：src：显示该区域显示的文件（路径）
           name：会结合超链接的target属性使用，来定义最终的显示位置
   <frame src="frame_b.htm">
</frameset>

注意：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"

不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。例：<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>

在frame标签中加上noresize="noresize"属性就不可调整大小

例：<frame src="img/简介.jpg" noresize="noresize"/>

零零猪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb_day1_HTML

1.概念：超文本标记语言超文本指的是页面内可以包括图片，链接，音乐，程序等非文字元素；标记就是使用标签的方法将需要的内容括起来2.结构：包括头部（head）和主体部分（body）头部提供关于网页的信息主体提供网页的具体内容3.语法和规范所有html文件的后缀名都是以.html结尾或者.htm结尾，建议使用html整个html分别由头部分&lt;head&g...
复制链接

扫一扫