HTML常用标签使用说明
HTML文件基本格式
1 |
|
常用标签说明
标签 | 说明/属性值 | 标签 | 说明/属性值 |
p | 段落标签 | h1、h2、、 | 标题标签 |
table | 表格标 签tr设置行,td设置列 | form | 表单 |
input | text单行文本框,password密码文本框,radio 单选框,checkbox多选框,submit提交,botton按钮 | ||
a | 超文本链接 | div | 分区 |
常用标签属性设置
字体的属性
- 设置颜色
<p style="color:red">设置字体的颜色</p>
- 设置字体的大小
<p style="font-size:20px">设置字体的大小</p>
- 设置文本位置
center 居中,left左居中,right右居中。例如:1
text-align: center
插入图片
<img src="" >
background
1 | /** 横向填充*/ |
超链接
a标签超链接
href 设置超链接的目标。
target 设置连接的对象是在一个新的窗口打开还是在当前窗口打开(覆盖当前窗口)。
_blank 当前窗口打开(覆盖当前窗口
_self 在一个新的窗口打开
1 | <a href="https://www.bilibili.com/video/BV1NJ411J79W?p=40" target="_blank">遇见狂神说</a> |
瞄点连接
1 | <a name = "123">跳到123</a> |
表格
表单设置登录页面,包括文本域,单选按钮,复选按钮
基本使用格式:
1 | <table> |
·注:td 设置rowspan="2"属性->左合并两格。td 设置 colspan="2"属性->向下合并两格
表单
表单用于信息交互其中包括提交属性。
1 | <form οnsubmit="提交目的位置"> |
·注:radio单选的属性值name相同是别是相互是互斥关系。
css
css是什么
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素,属性设置和使用可以参考其他作者分享的笔记:其他作者的笔记
css选择器
下面列举常用的标签选择器
常用选择器名称 | 使用格式 |
id选择器 | #id01{} |
class类选择器 | .class01{} |
标签选择器 | 使用已有的标签名命设置个性化那么之后此标签所表示的所有内容都使用此标签的个性化属性 |
·注:使用的时候统一通过--> clsaa="选择器名称"使用
class 属性
class 属性规定元素的类名(classname)。
class 属性大多数时候用于指向样式表中的类(class)。不过,也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
具具体可以参考w3school
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jaytp@qq.com