测试开发笔记-web前端

最新推荐文章于 2024-07-10 01:10:22 发布

Myhappinessisyou

最新推荐文章于 2024-07-10 01:10:22 发布

阅读量135

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Myhappinessisyou/article/details/106411920

版权

Web前端笔记（二）

字体标签
粗体、加粗
斜体、斜体
下划线
可以嵌套使用，如123
图片标签

<img src ="">

Src属性，放置图片地址
相对路径
绝对路径
鼠标光标悬停显示title
加载不出时显示alt
宽度设置width

<img src="img/1.jpg" title="123" alt="找不到" width="50px">

超链接

<a href=””>

空格

&nbsp;

R标，注册商标

&reg;

尖括号

&lt;    &gt;

C标版权符号

&copy;

TM标，商标

&trade;

&标

&amp;

网页背景颜色

<body bgcolor=”red”>

网页背景图像

<body background=”img/1.jpg”>

表格

<table >

表头

<thead>  <th>居中，加黑加粗</th>  </thead>

表体

<tbody>  <tr >  <td> </td>  </tr>  </tbody>  
</table>

多行列快捷键 tr*3 TAB
边框粗细、边框显示位置：居中

<table border=”1px” align=”center”>

合并横向单元格，用于td属性
colspan=”2” 至少2个单元格起步，下边一行注释掉

<td>闫芳</td>
<td colspan="2">55</td>
<!-- <td>女</td> -->

合并纵向单元格
Rowspan=”2” 至少2个单元格起步，下边一行注释掉
单元格之间的距离,用于table属性
cellspacing=”10px”
单元格与内容的距离
Cellpadding=”10px”
X的y次方输入

X<Sup>y<Sup>

单元格内容的居中需要用水平居中
align=”midder”
登录时要提示：账户或密码错误
表单

<form action=”” method=””></form>

Method有两个值：get和post
get是获取信息的时候的方式，打开一个页面，跳转
post是提交数据信息的方式，登录、注册、上传
type类型：password一般用户密码和确认面输入时使用，输入会用遮挡符号盖住。
有意义按钮

<input type="submit" value="注册"/>
<input type="reset" value="重置" />

普通按钮

<input type="button" value="搜索"/>

单选

男：<input name="gr" type="radio" value="男" checked="checked"/>
女：<input name="gr"  type="radio" value="女" />

单选按钮时name值设置相同，达到互斥。
单选默认选中：checked=”checked”
后设置的默认选中会覆盖前面的默认选中。

列表

<select name="r" size="1">
	<option value="10020" >北京</option>
	<option value="10021" >天津</option>
	<option value="10022" selected="selected">上海</option>
	<option value="10023">重庆</option>
</select>

列表里默认选项selected=”selected”

有序列表

<ol>    
<li>前言<li>
<li>前言<li>
<li>前言<li>
<ol>

无序列表

<ul>    
<li>前言<li>
<li>前言<li>
<li>前言<li>
<ul>

图片

<input type="image" src="images/6.jpg" />

Myhappinessisyou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
测试开发笔记-web前端

Web前端笔记（二）字体标签粗体、加粗斜体、斜体下划线可以嵌套使用，如123图片标签<img src ="">Src属性，放置图片地址相对路径绝对路径鼠标光标悬停显示title加载不出时显示alt宽度设置width<img src="img/1.jpg" title="123" alt="找不到" width="50px">超链接<a href=””>空格&nbsp;R标，注册商标&reg
复制链接

扫一扫