HMTL:Hyper Text Markup Language——超文本标记语言

超文本比普通文本功能更加强大,可以添加各种样式

标记语言:通过一组标签,对内容经行描述<关键字></关键字>/<关键字/>

语句规范:

1、标签不区分大小写,推荐小写

2、自动补全缺少的标签

<!DOCTYPE html>——文档声明,遵循HTML5规范

<html>——根标签

<head>——头部分,放置页面信息

  <meta charset="utf-8">——网站的配置信息,这个是指定流量器

  <title>——指定网站标题

<body>——体部分,主要放置我们HTML页面部分

<h1>——标题类标签,数字越大,字体越小,到7最小

<br/>——换行

<p>——可以包裹内容实现换行

<b>——加粗

<i>——斜体

<hr/>——水平直线

<font>——常用属性:color,size范围1到7,face_字体样式

  例子:<font color="red"></font>

<strong>——加粗,带语义,盲人阅读的时候会有加重语气

<em>——斜体,带语义,盲人阅读的时候会有加重语气

<img/ src = “路径”>——图片,常用属性:width,height,只设置宽度,高度会自动匹配

                alt——文件加载失败时显示

                display=none——隐藏图片,block——显示

<ul>——无序标签,常用属性:type:disc/square/cirde,确定列表项前的图表形状,默认disc——小黑点

  <li></li>——列表项

  <li></li>

</ul>

<ol>——有序列表,列表项前面有带数字,常用:type指定序号类型,start指定从几开始

  <li></li>

</ol>

<a href="网址"/>——超链接标签

  href="#"相当于占位符,

  常用属性:target:以什么方法打开——self默认打开方式在当前窗口打开

                 ——blank新起一个窗口

       text-decoration:none——取消下划线

<table border="0px">——表格标签,

  <tr>——一行

    <td></td>——一列

  </tr>

</table>

常用属性:

  border,指定边框,通常写0px,只有一条线

  width,height宽度确定了,高度自动,

  bgcolor,背景颜色,

  align,对齐方式:center,居中,

  合并:colspan:跨列

     rowspan:跨行

<td>标签里面还可以嵌套表格

<input />——输入框

  type:text——文本输入框

     password——隐藏输入信息

     file——上传文件

     radio——单选按钮,成为一组才能单选,name属性写成一样即可

     checkbox——多选按钮

     submit——提交按钮

     button——按钮

     reset——重置,将form表单里面所有input都清空

     hidden——隐藏域

     date——日期选择

     tel——在手机上可以弹出一个数字输入框

     number——只允许输入数字

  name:参数名称      

  id:id选择器

  placeholder:在输入框里面的提示语

<textarea>——文本框,cols,列,rows,行

<select>——下拉框,下拉框的对象.options.length=0——会将内容置为0
  <option></option>

  <option></option>

</select>——mnultiple属性="mnultiple"可以将下拉框显示多行

 

<form>——表单标签,action:提交的地址,

          method:get/post/delete等方式,post方式会隐藏参数,没有限制大小,get限制4K

<framest>——框架标签,如果用了这个标签,body就要删除

  <frame src="页面地址">——引用别的页面

</framest>

  常用属性:按列划分页面:cols="10%,20%,*",*代表占全部

       按行划分页面:rows~~

框架标签与a标签联合使用,在需要跳转的frame取个名称:name="rigthFrame"

a标签的target写rigthFrame,就可以实现对某个frame跳转页面

 

块标签:

  <div>自动换行

  <span>自动空一格

posted on 2019-12-06 09:54  大景少  阅读(115)  评论(0编辑  收藏  举报