html-01

HTML01

HTML

概念:

超文本标记语言(HyperText Markup Language) 是一种用于创建网页的标准标记语言

结构:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="tutorial">
<meta http-equiv="refresh" content="30">
<title></title>
<link rel="stylesheet" type="text/css" href="css.css">
<style>
	body {background: red;}
</style>
</head>

<body>
	<h1>我的第一个标题</h1>
	<p>我的第一个段落</p>
</body>
</html>

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 `<meta charset="utf-8">` 定义网页编码格式为 utf-8
<title> 元素描述了文档的标题
<link> 标签通常用于链接到样式表
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

基础:

注释:

1	`<!-->...<-->`

元素(标签)

标题(Heading)

<h1></h1> - <h6></h6> 标签进行定义
<h1> 定义最大的标题, 
<h6> 定义最小的标题
<hr /> 标签进行定义水平线

段落(Paragraph)

1 2	`<p></p> 标签进行定义 <br /> 标签进行定义换行`

文本格式化

<b></b> 定义粗体文本
<em></em> 定义着重文字( em = pixels / 16 )
<i></i> 定义斜体字
<small></small> 定义小号字
<strong></strong> 定义加重语气
<sub></sub> 定义下标字
<sup></sup> 定义上标字
<ins></ins> 定义插入字
<del></del> 定义删除字
<code></code> 定义计算机代码
<kbd></kbd> 定义键盘码
<samp></samp> 定义计算机代码样本
<var></var> 定义变量
<pre></pre> 定义预格式文本
<abbr></abbr> 定义缩写
<address></address> 定义地址
<bdo></bdo> 定义文字方向
<blockquote></blockquote> 定义长的引用
<q></q> 定义短的引用语
<cite></cite> 定义引用、引证
<dfn></dfn> 定义一个定义项目

链接

1	`<a hred="url" target="_blank" rel="noopener noreferrer"></a> <!-- 定义链接 -->`

图像

1	`<img src="url" alt="sone_text" /> <!-- 定义图片 -->`

表格

<table>
  <tr>
    <th>Header1</th>
    <th>Header1</th>
  </tr>
  <tr>
    <td>row1, cell1</td>
    <td>row1, cell2</td>
  </tr>
</table>

1 2	`<tr></tr> 定义行 <td></td> 定义列`

列表

  <ul><li></li></ul> 无序
<ol><li></li></ol> 有序
	
<dl> 自定义
    <dt>Coffee</dt>
      <dd>- black hot drink</dd>
    <dt>Milk</dt>
      <dd>- white cold drink</dd>
    </dl>

表单

<form action="action.php" method="get">
     文本框: <input type="text" name="firstname" /><br />
  密码框: <input type="password" name="pwd" /><br />
  <input type="radio" name="sex" value="male" />单选框<br />
  <input type="checkbox" name="vehicle" value="Bike" />复选框<br />
  <input type="submit" value="Submit">
</form>

属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以属性名/属性值对的形式出现, 比如: name=”value”
class 属性可以多用 class=” “(引号里面可以填入多个class属性)
id 属性只能单独设置 id=” “(只能填写一个, 多个无效)

待续…

HTML

#HTML #Web

html-01

https://anyu967.github.io/posts/1bd98a16.html

作者

anyu967

发布于

2019年8月8日

许可协议

html-02 上一篇