Web基础了解版01-html-css (2)

<img alt="加载失败提示" src="../网络/本地路径" border="边框" width="100px" height="120" />【宽高只设置一项即可,另一项会自适应】

<a href="../网络/本地路径" target="_self">    【" target="_blank"在新窗口打开,默认原窗口打开】

列表

<ul type="square">
  <li>...</li>
  <li>...</li>
</ul>

在ul标签中添加属性 type="" circle 空心圆,disc 实心圆 (默认),square 实心方块
在ol标签中添加属性 type="1/a/A/i/I"

表格

<table>
  <tr>        【行】
    <th></th>  【标题列】
  </tr>
  <tr>
    <td></td>  【列】
  </tr>
</table>

table标签中可以声明的属性
  border=""    表格的边框
  width=""      表格的宽度
  height=""     高度
  align=""       表格的对其方式
  bgcolor=""   背景颜色
td标签内定义对齐方式的属性
  align=""       设置当前单元格水平对齐
  valign=""     设置当前单元格垂直对齐
  bgcolor=""     设置背景颜色
合并单元格
     rowspan="    合并单元格的个数      合并行
  colspan="   合并单元格的个数    合并列

 表单

<form action="提交的路径" method="get/post">

  <input type="text" value="默认值"/>

  <input type="password" value="默认值"/>

  <input type="radio" value="..." checked="默认选择">

  <input type="checkbox" value="..." checked="默认选择">

  <select>
    <option value="china" selected="默认选择">中国</option>
  </select>

  <input type="hidden" value="..."> 

  <input type="button"name="button" value="普通按钮"> 

  <input type="reset" value="重置按钮">

  <input type="submit"name="提交按钮" value="...">

</form>

get:是将所有的提交的数据显示在地址栏,长度会有一些限制

post:将要提交的数据放在请求体中,在url表单里面没有任何数据

 提交时以key:value形式,其中文本框、密码框的key为name 值为提交数据

             其中单选框、复选框、隐藏域、提交按钮key为name 值为value

            下拉列表name在select标签value在option标签提交时同上key为name值为value

 常规属性

id:  标签的唯一编号,识别码

class :   标签的分类,用来识别一组标签。

style:  标签的风格、样式

p,form,ol,ul,li,dl,dt,dd,h3{margin:0;padding:0;list-style:none} 样式清除

事件属性

onblur:          失去焦点

onclick:              鼠标点击

onbdclick:          双击

onmouseover:   鼠标移动到元素上

CSS

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML元素(或内容)在浏览器内的显示样式

语法

CSS样式由选择符(选择器)和声明组成,而声明又由属性和值组成

Web基础了解版01-html-css

语法说明

属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration)

多个声明:如果要定义不止一个声明,则需要用英文分号”;”将每个声明分开。虽然最后一条声明的最后可以不加分号,但尽量在每条声明的末尾都加上分号

每行***只描述一个属性

CSS对大小写不敏感,但建议使用小写。不过存在一个例外:class 和 id 名称对大小写是敏感的。

CSS注释:/* 注释内容 */

编写位置

方式一:写在标签的style属性中

<p style=“font-size:30px”>字体大小用px表示</p>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjpzd.html