HTML的归纳小结

最新推荐文章于 2024-06-14 07:44:22 发布

为美好的明天献上祝福

最新推荐文章于 2024-06-14 07:44:22 发布

阅读量163

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_36834728/article/details/107312722

版权

HTML简述:

HTML:超文本标记语言

超文本:比普通语言功能更强大，可以添加各种样式。

标记语言：通过一组标签，来对内容进行描述。

作用:设计网页基础

1.文档声明

2.根标签<html></html>

3.HTML主要包含两部分：

头部份：主要包含页面信息<head></head>

体部分：放置页面内容<body></body>

常用标签:

标题标签: <h1></h1>·······<h6></h6>

水平分割线:<hr>

换行:<br />

段落标签:<p></p>

文字修饰标签:<font></font>

例：<font color="red" size="77" face="宋体">你好</font> 设置字体颜色，大小，样式

字体加粗:<strong></strong> <b></b> 斜体:<em></em> <i></i>

链接图片:<img src="../img/li/y.jpg" width="100px" length="100px" alt="losing" /> src:图片路径 width:显示图宽 length：显示图高 alt：文件加载失败的提示信息路径问题: ./:代表当前路径 ../:代表上一级路径 ../../:代表上上级路径

无序列表:<ul></ul>

</ul>

注：type:列表的样式

有序列表:<ol type="a" start="2"></ol>

注：type:列表的样式 {a,b,c} start:从b开始

超链接标签:<a></a> href:跳转链接地址 target:跳转方式 _self：在当前窗口打开

_blank:新起一个标签页打开页面

表格标签:<table></table>

行标签:<tr></tr> 列标签:<td></td>

例:<table border="1px" width="400px" heigth="300px" bgcolor="yellow" align="center"> align="center":居中显示

<tr>

</tr>

</table>

表格合并:

<colspan>:跨列合并 <rowspan>:跨行合并

文本输入(注册页面):

        用户名:<input type="text" name="ddd" id="ddd"/><br />
       密码:<input type="password" /><br />
       性别:<input type="radio" name="sex" />男
       <input type="radio" name="sex" />女<br />

       爱好:
       <input type="checkbox" />1
       <input type="checkbox" />2
       <input type="checkbox" />3
       <input type="checkbox" />4 <br />

照片:<input type="file" /><br />
大文本:<textarea cols="40" rows="4"></textarea>

       籍贯:
       <select>
           <option>湖北</option>
           <option>广东</option>
           <option>北京</option>
       </select>

表单标签：<form></form> 常用标签：<action>:提交的地址 <method>:提交的方式 (post或get)

name:表单提交时，当作参数的名称 id:给输入项取个名字，以便于后期寻找并操作

块标签:div与span的区别？

<div></div>:自动换行 <span></span>:内容显示同一行

为美好的明天献上祝福

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的归纳小结

HTML简述:HTML:超文本标记语言超文本:比普通语言功能更强大，可以添加各种样式。标记语言：通过一组标签，来对内容进行描述。作用:设计网页基础1.文档声明2.根标签<html></html>3.HTML主要包含两部分：头部份：主要包含页面信息<head></head>体部分：放置页面内容<body></body>常用标签:标题标签: <h1></h1>...
复制链接

扫一扫