JAVA - HTML基础

最新推荐文章于 2022-06-19 09:33:47 发布

Frank_Wang_2014

最新推荐文章于 2022-06-19 09:33:47 发布

阅读量253

点赞数

分类专栏： html5 文章标签： HTML

本文链接：https://blog.csdn.net/wangchunyang51/article/details/74557122

版权

html5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.1 html的结构标签

根标签：
– 头标签
– 体标签

1.2HTML的字体标签

文字
<标签属性名=“属性值” 属性名=“属性值”>

<body>
        <font color = "FF0000" size ="7"> red</font><br/>
        <font color = "00FF00" size = "6"> Green</font><br/>
        <font color = "0000FF" size = "5">blue</font><br/>
    </body>

1.3HTML的排版标签

标题标签：h 标签

…

 <!--HTML的标题标签-->
         <h1>一级标题</h1>
         <h2>二级标题</h2>
         <h3>三级标题</h3>

段落标签：p 标签

字体加粗标签:b 标签
下划线：u标签

<p>

        二段内容
        二段内容二段内容二段内容二段内容二段内容
        二段内容二段内容二段内容二段内容二段内容二段内容
        二段内容二段内容二段内容二段内容
        二段内容二段内容二段内容

         </p>
         <!--加粗标签-->
         <b>B标签</b><br/>
         <center>neirong</center>
         <i>斜体标签</i>
         <u>下划线</u><br/>

         <!--标签的嵌套-->
         <u><i><b>我是tommy</b></i></u>

横线
保持原段落的格式。

1.4 图片显示

HTML的图片标签:
*属性：
src：来源
width：
height：
alt：图片找不到显示的内容。
*图片引入的路径问题：
*路径，相对路径。
*如果引入的图片和HTML同一级的路径。
*直接写入文件名或者./文件名

*如果引入的图片在HTML文件的上一级路径

*如果引入的图片在html的下一集路径

1.4 列表标签

有序列表
属性：type ：数字类型、英文类型、罗马字符
Start：从哪里开始。

无序列表
属性：type，默认值：disc、circle、square。

HTML的超链接标签
HTML的超链接标签：
*属性：
*hreF:连接的路径
*target:打开的方式
*_self ：在自身页面打开
*_blank : 在新的一个页面打开
*_parent:

1.5 网站的首页的显示

1.5.1网站的首页的设计

HTML的表格标签

*属性：width，height，broder，align（left，right，center）。
属性：colspan = “列数”，rowspan = “行数”

1.6 表单标签

HTML中表单元素：
*常用属性：

action属性：提交的路径。默认提交到当前页面
method属性：请求的方式。GET和POST。默认为GET。
GET和POST方式的区别？
GET：数据会显示到地址栏，GET方式提交有大小限制。
POST：数据不会显示到地址栏，POST方式提交没有大小限制。
* :文本框
value：文本框的默认值
size：文本框的长度
maxlength：文本框输入的最大长度
readonly：只读文本框

* :密码框

name：表单元素的名称，必须有Name属性，然后后台才可以接受数据。
value：密码框的默认值
size：密码框的长度

* :单选按钮

name：表单元素的民称，必须有Name属性，然后后台才可接收数据。
value：单选按钮的默认值
checked：单选按钮默认被选中

* :复选按钮

name：表单元素的民称，必须有Name属性，然后后台才可接收数据。
value：单选按钮的默认值
checked：单选按钮默认被选中

* :单选按钮
* :按钮
* :提交按钮
* :重置按钮
* :文件上传到表单项
* :隐藏字段
* :图片按钮
* :下拉菜单
* ：文本域

1.7 HTML5 扩展的表单标签

*
*
*
*

1.8网站后台页面的显示

【框架标签】，标签与body标签是冲突，有frameset就可以没有body。
*属性：
*rows
*cols
使用标签，frame代表切割的每个部分。

1.8.1 后台页面的步骤：

<frameset rows="15%,*">
        <frame src="Top.html" name="top"/>
        <frameset cols="15%,*">
            <frame src="left.html" name="left"/>
            <frame src="rigth.html" name="rigth"/>


        </frameset>
    </frameset>

1.9总结

空格：
<:<

:>

Frank_Wang_2014

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JAVA - HTML基础

1.1 html的结构标签根标签： – 头标签 – 体标签1.2HTML的字体标签文字 <标签属性名=“属性值” 属性名=“属性值”><body> <font color = "FF0000" size ="7"> red</font><br/> <font color = "00FF00" size = "6"> Green</fo
复制链接

扫一扫