热门关键字:
jquery > jquery教程 > jquery教程 > html 介绍/基础标签

html 介绍/基础标签

571
作者:管理员
发布时间:2021/2/26 11:18:17
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4016
  html :


  HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接为一个逻辑整体。


  HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等


  <!DOCTYPE html>:声明


  标准的html5网页声明,全称为Document Type HyperText Mark-up Language


  声明文档类型为超文本标记语言或超文本链接标示语言,支持html5标准的主流


  浏览器都认识这个声明,表示网页采用html5规范标准,声明位于最顶部,


  此标签可告知浏览器文档使用那种规范,是html5还是xhtml


  doctype不区分大小写以下几种方式均可:


  <html></html>:web开始


  <html>标签限定了文档的开始点与结束点,是页面元素的第一个标签


  html标签是由尖括号括起来的 通常都是成对出现的 第一个是开始标签 第二个是结束标签


  <head></head>:web头部


  head标签用于定义文档的头部,是所有头部元素的容器


  head标签中的元素可以引用脚本,指示浏览器在哪里找到样式表,提供元信息等


  文档的头部描述了文档的各种属性和信息,包括文档标题,在web中的位置以及和其他文档的关系等


  绝大多数文档头部包含的数据都不会真正作为内容显示给读者


  以下标签可以用在<head>标签部分


  <meta>,<base>,<title>,<script>,<style>,<link>


  <body></body>:web主体


  body标签定义文档的主体内容


  body元素包含文档所有显示的内容 例如文本,超链接,图像,表格和列表等


  <meta charset="utf-8"> : 编码格式


  使用在头部的标签


  是一种字符编码,charset="utf-8"告知浏览器此页面属于什么字符编码格式,浏览器做好翻译工作


  常见的字符集编码格式有:


  gb2312:代表国家标准第2312条 不包含繁体


  gbk:国家标准扩展版


  unicode:万国码


  utf-8:unicode中的其中一种编码格式


  <h1>-<h6>:html内容标题


  <h1>-<h6>标签可定义html内容标题


  <h1>定义最大标签


  <h6>定义最小标题


  由于一些浏览器会默认的把<h1>标签元素显示为很大的字体


  因此会有一些web开发者使用<h2>元素代替<h1>元素来显示


  最上层的标题,这样做不会对读者产生影响,但是会让试图


  理解'网页结构'的搜索引擎和其他软件感到迷惑,所以请确保


  <h1>用于最顶层的标题,<h2>和<h3>用于较低的层级


  <p></p>:段落标签


  p元素会自动在其前后创建一些空白


  浏览器会自动添加这些空间


  &nbsp:空格元素


  一个&nbsp表示一个空格


  <em></em>:斜体标签


  em标签定义的文本会呈现特殊样式


  <strong></strong>加粗标签


  与em标签一样定义的文本会呈现特殊样式


  <i></i>:斜体标签


  <i>标签与<em>标签相似定义的文本会呈现特殊样式


  <b></b>:粗体标签


  <font></font>:规定字体,颜色,大小标签


  front标签有三个属性


  size 设置字体大小 数值为1至7


  face 设置字体 宋体 微软雅黑等


  color 设置字体颜色


  当face与color同时存在 color会覆盖face


  也可以与其他标签一起使用 利用其特性 例如p标签与h1标签


  <br />换行标签


  <br>简单的换行符


  <br>标签是空标签 它没有结束标签  直接把结束标签放在<br />中


  请注意:<br> 标签只是简单地开始新的一行,而<p>标签会在相邻的段落之间插入一些垂直的间距


  <img>:图片标签


  src属性:规定显示图片的url 或 img本地图片的路径


  alt/title属性:规定显示图片的文本名称


  height属性:定义图像的高度 单位px


  width属性:定义图像的宽度 单位px


  align属性:定义图像位置


  left:左对齐


  right:右对齐


  center :居中


  border属性:定义图像周围的边框 单位px


  vspace属性:定义图像的顶部于底部空白 单位px


  hspace属性:定义图像的左侧和右侧的空白 单位px


  <a></a>:链接标签


  href属性:规定指向页面的url


  点击时,默认在原有的窗口打开新链接


  href='':死链接


  target属性:


  _blank在新窗口打开链接


  download属性:规定被下载的url


  <ol></ol>:有序列表


  <ol>定义有序列表


  <li>定义列表的开始


  reversed属性:规定列表顺序为降序(9,8,7…)


  值:reversed


  start属性:规定有序列表的起始值


  值:number(随意定义数字)


  type属性:规定在列表中使用的标记类型


  值:1,a,A,i,I(大写的i)


  <ul></ul>:无序列表


  可使用css样式


  ul:


  设置列表样式类型为没有删除列表项标记


  设置填充和边距0px(浏览器兼容性)


  ul中所有li:


  设置图像的URL,并设置它只显示一次(无重复)


  您需要的定位图像位置(左0px和上下5px)


  用padding-left属性把文本置于列表中


  <table></table>:表格标签


  <table>标签定义html表格


  表格由tr th td组成


  tr:元素定义表格行


  th:元素定义表头


  td:元素定义表格单元


  table标签有以下属性:


  border属性:定义表格边框的宽度 单位px


  cellspacing属性:定义单元格之间的空白 单位px


  cellpadding属性:定义边沿与内容之间的空白 单位px


  width属性:定义表格宽度


  height属性:定义表格高度


  tr th td 标签有以下属性:


  colspan属性:number(随意定义数字)  定义横跨列数(左右合并)


  rowspan属性:number(随意定义数字) 合并横跨行数(上下合并)


  快速生成表格 tr*3 按tab


  <form></form>:表单标签


  action属性:规定当提交表单时向何处发送表单数据


  method属性:规定请求以get还是post的方式发送


  type属性:text为明文 password为密文


  <label></label>:input元素定义标签


  type属性:定义input标签  等于radio时为单选框 等于checkbox为复选框  等于file时为上传文件


  name属性:等于sex时可避免同时选择两个值


  checked属性:表示默认选择的值


  <textarea></textarea>:标签定义多行的文本输入控件   文本域


  cols属性:传输number类型数据 规定文本域内可见宽度


  rows属性:传入number数据类型 规定文本域内可见行数


  <select></select>下拉框标签


  <button></button>标签


  type属性 等于submit时为提交  等于reset为重置  等于button时只是单纯的一个可点击的按钮




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:股权众筹系统
友荐云推荐