HTML初步1

完整的 HTML 参考手册

html 元素

规范:小写
<html></html>定义整个html文档
<body><body>主体
<p></p>段落
<h></h>标题 可从h1-h6,上下自动空行

没有内容的 HTML 元素被称为空元素,空元素在开始标签中关闭。
<br>换行 适应未来,使用<br/>
<hr/>水平线
<!-- -->注释

标签 描述
<code> 计算机代码文本
<kbd> 键盘文本
<samp> 计算机代码示例
<var> 变量

图像
<img src="url" alt="" align="" width="" height="">图像来源,替换文字,在文本中对齐方式(默认bottom,middle,top,lefy,right),图像尺寸
<body background="url">图像背景

表格
每个表格由 table 标签开始
每个表格行由 tr 标签开始
每个表格数据由 td 标签开始
 空单元格
colspan跨列
rowspan跨行
frame(box,above,below,hsides,vsides)
cell padding单元格边距
cell spacing单元格间距
<th>表头
<table> 表格
<caption>表格标题
<tr>表格的行
<td>表格单元
<thead> 表格的页眉
<tbody> 表格的主体
<tfoot> 表格的页脚
<col> 用于表格列的属性
<colgroup> 表格列的组

列表
无序始于<ul>,列表项始于<li>
<ul>type(disc,circle,square)
有序始于<ol>,列表项始于<li>
<ul>type(a,A,i,I)
自定义始于<dl>,列表项始于<dt>,列表项定义始于<.dd>

表单
<form>
<input>type属性:text ,常规文本输入;password,密码;radio,单选按钮输入(选择多个选择之一);submit ,提交按钮(提交表单);button;number;date;;month;week;time;color;range;email;search。
<fieldset>组合表单
<select>下拉列表,option用选项,通过selected预选择
<datalist><input> 元素规定预定义选项列表

属性
value初始值
readonly只读
disabled禁用,不会被提交
size尺寸
maxlength允许的最大长度
placeholder描述输入字段预期值的提示
required必填

属性

名称/值,在开始标签中规定
小写
属性值应该始终被包括在引号内。双引号是最常用的,使用单引号也ok。
在某些个别的情况下,比如属性值本身就含有双引号,那么必须使用单引号

  • 链接由<a>定义,地址在herf属性中指定,target="_blank"可以在新窗口打开,#加上锚的名称
    <a href="http://www.baidu.com">This is a link</a>
  • <h1 align="center">拥有关于对齐方式的附加信息
  • <body bgcolor="yellow"> 拥有关于背景颜色的附加信息,属性值可以是十六进制数、RGB 值或颜色名
  • <table border="1">拥有关于表格边框的附加信息
    style
  • < style="background colour:red">
  • < style="font-family:arial;color:red;font-size:20px;">
  • < style="text-align:center">

文本格式

<b></b>bold粗体
<strong></strong>strong加重
<big></big>big大号
<em></em>emphasized斜体,着重
<i></i>italic斜体
<small></small>small小号
<sub></sub>subscript下标
<sup><sup>superscript 上标
<pre></pre>预格式文本保留空格和换行,适合代码
<abbr title="etcetera">etc.</abbr> 缩略
<acronym title="world wide web">www</acronym>首字母缩写
<del></del>删除文本
<ins></ins>下划线文本
<blockquote></blockquote>长引用
<q></q>短引用
<cite></cite>著作的标题斜体
<address></address>文档或文章的联系信息

颜色

aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow外用16进制
颜色名表

声明

<!DOCTYPE HTML>HTML5的声明

响应式设计

框架

<frameset>cols(columes)垂直框架,rows水平框架,可规定占据面积比例
noresize="noresize"边框不可拖动
<iframe src="url"><iframe>width,height,frameborder(=0移除边框)
链接的 target 属性必须引用 iframe 的 name 属性

head

<title>
<base>为页面上的所有链接规定默认地址或默认目标
<link>
<style>
<meta>(metadata)
<script>

猜你喜欢

转载自blog.csdn.net/irontonystark/article/details/82906275
今日推荐