标签：组成 历史 ade cti name col oct asp css
前端开始中最基本的也是最必须的三个技能，前端的开发中，在页面的布局时：
HTML：超文本标记语言，是网页制作必备的编程语言，超文本就是指页面可以包含图片，连接，甚至音乐，程序等非文字元素
超文本编辑语言的结构包括：头部(head)、和主体(boby)，其中头部提供关于网页的信息，主体提供网页的具体结构
<!DOCTYPE html>
<html lang="en">
<head>
<!--头部信息，不会在页面显示-->
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--主体部分 页面中显示内容-->
<h1>第一个网页页面</h1>
</body>
</html>1. 文档声明
2. 页面头部
3. 页面内容
<!--标题标签-->
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6><hr>
<p>这个是段落标签 段落<br>标签</p>
<hr><div >块标签，没有具体语义，</div>
<div>将结构分成一块一块的</div>
<p>这里是正常颜色<span style="color:red" >python是红色</span>
<span>java</span></p>| 标签 | 含义 |
|---|---|
| <i></i> | 行内元素，字体为斜体 |
| <em></em> | 行内元素，语义为强调内容，表示重要，效果斜体 |
| <b></b> | 行内元素，字体加粗 |
| <strong></strong> | 行内元素，语义强调，表示非常重要，效果字体加粗 |
<i>字体是斜体</i><br>
<em>语义为强调，表示重要，效果斜体</em><br>
<b>粗体字</b>
<strong>语义强调，表示非常重要，效果字体加粗</strong>图片标签：<img src=" alt="">:
链接标签：<a href=""></a>
样式链接：<link rel="stylesheet" type="text/css" href="theme.css">：
<img src="img/bd_logo1.png" alt="百度首页" width="200" height="100">
<img src="img/bd_logo12222.png" alt="百度首页"><br>
<a href="http://www.baidu.com">百度一下</a>
<head>
<link rel="stylesheet" type="text/css" href="">
</head>有序列表: <ol></ol>
<ol>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
</ol>无序列表：<ul></ul>
<ul>
<li>无序一</li>
<li>无序一</li>
<li>无序一</li>
<li>无序一</li>
<li>无序一</li>
</ul>表格标签：<table border="1"></table>
<!--border="1" 表示表格的线条粗细-->
<table border="5">
<!--定义一行表头-->
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<!--定义两行-->
<tr>
<!--定义列和定义单元格内容-->
<td>小明</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>小明</td>
<td>18</td>
<td>男</td>
</tr>
</table><form action="url" method="get/post"></form>
| 元素标签 | 作用 |
|---|---|
| <lable></lable> | 中间写入文本，为表单元素定义文字标注 |
| <input> | 定义通用的表单元素 |
| <textarea></textarea> | 定义多行文本输入框 |
| <slect></select> | 定义下拉表单元素 |
| <option></option> | 定于下拉表单中的元素选项，配合select标签使用 |
<!--name、value、placeholder属性示例-->
<form action="" method="get">
<lable>帐号</lable>
<input type="text" name="username" placeholder="请输入用户名"><br>
<lable>密码</lable>
<input type="password" name="pwd" placeholder="请输入密码"><br>
<input type="submit" value="登陆">
</form>| 值 | 作用 |
|---|---|
| text | 定义单行文本输入框 |
| password | 定义密码输入框 |
| radio | 定义单选框 |
| checkbox | 定义复选框 |
| file | 定义上传文件 |
| submit | 定义提交按钮 |
| button | 定义一个普通按钮 |
| reset | 定义重置按钮 |
| image | 定义图片作为提交按钮，用src属性定义图片地址 |
标签：组成 历史 ade cti name col oct asp css
原文地址：https://www.cnblogs.com/jiangmingbai/p/10994319.html
