超文本标记语言--HTML基础标签用法

最新推荐文章于 2021-05-31 19:34:49 发布

左希希

最新推荐文章于 2021-05-31 19:34:49 发布

阅读量360

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Rococoberry/article/details/102662078

版权

一 HTML格式

<!DOCTYPE html>  //声明网页类型
<html>
<head lang="en">   //"en"表示语言类型是英文
    <meta charset="UTF-8">   //网页的编码类型
    <title></title>
</head>
<body>

</body>    //编写HTML代码
</html>

二操作

（一）快捷键

Tab键：标签
Ctrl+D：复制当前行
Ctrl+/：注释
Alt+F2：浏览（或可在编辑页面选择浏览器浏览）
Alt+鼠标左键单击：多行选择
标签*数字：输入多行标签
lorem+Tab：添加测试文本
mail to：发送邮件

三不同标签的属性

p标签：

alien="center"/"left"/"right" //居中左对齐右对齐

color ：字体颜色；

font：字体大小字体；

超链接：

<a href=""></a>   //href=""加链接的路径（相对路径和远程路径）

href="#" 跳转到当前页面，页面不刷新

target="_blank" 重新打开一个网页

target="_parent" 在自身网页打开（可省略）

图片标签：

<img src="" alt=""/>   //src:图片路径   alt：加载失败时显示的属性

title：标题

width：宽度

height：高度

表格标签：

caption ：表头信息

tr：行

td：列 th：加粗

border：边框（如：border:solid 1px black;）

cellspacing ：合并列之间的距离（一般为0）

cellpadding ：添加列里面的内容到列之间的距离

跨行和跨列属性：colspan/rowspan

列表：（导航菜单等）

ul>li：无序列表（type:disc/square/circle ：默认实心圆/方块/空心圆）

ol>li：有序列表

dl>dt>dd：自定义列表

表单元素：（注册登录）

input：单行文本框

radio：选择圈点

button：选择框

value：表单值

maxlength：最大长度

name：名称

checked：默认选择

checkbox：多选

passsword：密码

file ：文件

submit/reset：提交/取消（必须搭配表单元素使用）

get/post：提交方式（get提交到网址上，页面内显示；post提交不显示，安全性高）

action ：提交到哪个页面来接收数据，一般是后台页面

select>option ：下拉列表 / selected：默认值 /multiple：多选项

textarea：文本域（rows/cols：行列 palceholder：请输入，无需删除）

fileset>legend：表单分组

左希希

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超文本标记语言--HTML基础标签用法

一 HTML格式<!DOCTYPE html> //声明网页类型<html><head lang="en"> //"en"表示语言类型是英文 <meta charset="UTF-8"> //网页的编码类型 <title></title></head><body>...
复制链接

扫一扫