HTML你好!

2021-03-05 15:33

阅读:418

YPE html>

标签:放大   它的   资源   提交数据   就是   列表   格式   lsp   dia   

初识HTML

什么是HTML

web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

HTML的结构:

标记放在 HTML 文件的开头,是一个形式上的标记;标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在;标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等;标记称为标题标记,起的作用是设定网页标题;

HTML文本排版标识:

段落标签: p
换行标签: br
标题标签: h1~h6
文字居中标签:Center
文字段落缩进标签: blockquote
设置文字列表:文字列表的主要作用是有序地编排一些信息资源,使其结构化和条理化,并以列表的样式显示出来;
无序列表 ul
有序列表 ol
例:


标签

段落标签 ? 这里面放需要的第一个段落,每放一个段落都需要这样的格式

如上所述 放第二段

换行标签 在所需要换行的每一个据此后面加上
这是一句话
这是第二行的一句话
标题标签 h1-h6 每一种都有着不同的风格

>

>

>

>

>
>
这里放标题 文字居中标签将文字居中
这里面放所需要文字 并且把文字调整为居中
文字段落缩进标签

缩进标签 类似于前面空几格

正常的一个段落 用于与上面的作为比较,未作任何缩进处理

HTML标记和HTML属性:

在大多数 HTML 标记中都可以对属性控制,属性的作用是帮助 HTML 标记进一步控制 HTML 文件的内容,比如 内容的对齐方式(如本例),文字的大小、字体、颜色,网页的背景样式,图片的插入,等等。其基本语法为:

用 align 属性控制段落的水平位置 ? ?用 bgcolor 属性设置背景颜色

文字样式设置:

标记                    显示效果
                  文字以粗体方式显示
                  文字以斜体方式显示
                  文字以加下划线方式显示
                  文字以加下删除方式显示
              文字以放大方式显示
          文字以缩小方式显示
        文字以加强强调方式显示
                文字以强调方式显示
      用来显示电子邮件地址或网址
            用来说明代码与指令

特殊文字符号:

符号                  HTLM代码
                       >
 ?                      ©
上标                  
下标                  

例:





设置文字特殊样式
默认文字样式
文字以粗体方式显示
文字以斜体方式显示
文字以加下划线方式显示
文字以加下删除方式显示
文字以放大方式显示
文字以缩小方式显示
文字以加强强调方式显示
文字以强调方式显示
caofeng2012@126.com
abc

网页图片认识 大小设置

例:





设置图片尺寸

相对路径&绝对路径

例:




相对路径&绝对路径

用alt属性为图像设置替换文本

例:





用alt属性为图像设置替换文本
截图1

用title属性为图像设置标题

例:




用title属性为图片设置标题
截图1

4.设置基本文字超链接,图片的超链接,以新的窗口显示链接页面,电子邮件链接

例:





设置图片超链接

框架之间的链接:

框架是一种常用的网页布局工具。它的作用是把浏览器的显示空间分割为几个部分,每个部分都可以独立显示不同的网页。
cols属性将窗口分为左右两个部分,2用rows属性将窗口分为上中下三个部分,用src属性在框架中插入网页,框架之间嵌套和建立链接。
例:





用src属性在框架中插入网页







HTML中的表格

表格的基本结构:

合并单元格:用colspan属性左右合并单元格,用rowspan属性上下合并单元格。





用 rowspan 属性上下合并单元格

? ? 
? ? 
? ? 
? ? //tr表示行 td表示列 ?border="1"给表格加边框 ?th加表头 ? ?一行一二列合并 ?二行二列三行二列合并
? ?
? ?
? ?
? ?
? ?
? ?
? ?
? ?
? ?
? ?
1234
1-1-21-31-4
2-13-2-22-32-4
3-13-33-4

align属性设置对齐方式,用bgcolor属性设置表格背景色和边框颜色,用cellpadding属性和cellspacing属性设定边距。
(cellspadding属性设定表格单元格中的内容距离格线的距离, cellspacing属性设定表格相邻单元格边线之间的距离。)
例:





用 cellpadding 属性和 cellspacing 属性设定边距设置边距 内容到边框距离 ?设置单元格距离

? ? 
? ? 
? ? 
? ?  ??
设置居中
? ?
? ?
? ?
? ?设置居中 设置某一列背景颜色
? ?
? ?
? ?设置某一行背景颜色
? ?
? ?
? ?
1234
1-1-21-31-4
2-13-2-22-32-4
3-13-33-4

HTML表单

Form 表单:

表单是一个包含表单元素的区域。主要作用就是向服务器提交数据。
文本表单包括:文本框 ,密码框 ,文本域
例:





文本域

? ? ?用户名:

? ? ?

密码:

按钮:

普通按钮,提交按钮.





文本域

? ? ?用户名:

? ? ?

密码:

文件上传

例:





文件上传

HTML中的块

用于网页中内容的填充
DIV:HTML:元素是块级元素,它是可用于组合其他 HTML 元素的容器。
SPAN:HTML 元素是内联元素,可用作文本的容器。
例:





DIV块元素 id 加个边框 红色的
?

张三

?

李四

?

王五

>
?

jack

?

rose

?

lucy

>

HTML你好!

标签:放大   它的   资源   提交数据   就是   列表   格式   lsp   dia   

原文地址:https://www.cnblogs.com/CHENFANgY/p/12902728.html


评论


亲,登录后才可以留言!