HTML
来源:互联网 发布:数据分析师市场需求 编辑:程序博客网 时间:2024/06/14 09:51
1.网站,网页
.com:营利性组织
.cn:中国
.edu:教育组织
.gov:政府
域名 dns 域名解析
html 超文本标记语言——结构
css 层叠样式表——样式
2.html结构
<html><head lang="en"> <meta charset="UTF-8"> <title>标题</title></head><body></body></html>
3.html标签
1.段落<p></p>
标题<h1>标题一</h1>——只能使用一次 <h2>标题二</h2> <h3>标题三</h3> <h4>标题四</h4> <h5>标题五</h5> <h6>标题六</h6>
3.加图片: <img(标签) src(属性)="图片路径" alt="" title="" width=""/>
4.测试路径:ctrl+鼠标悬停,出现一条线代表路径是通的。
5.超链接:<a href="跳转目标地址" target="目标窗口"></a>
目标窗口:_blank 在新窗口打开
_parent 在源窗口打开
6.换行符<br>
7.线<hr size="" color="" width="">
目标窗口:_blank 在新窗口打开
_parent 在源窗口打开
8.<br>
换行符 <hr size="线的粗细" color="线的颜色" width="线的宽度">
分隔线
颜色表示方式:
red 英文单词
rgb(255,0,0)
文本效果: <b>
定义粗体文本 <em>
定义着重文字 <i>
定义斜体字 <small>
定义小号字
<strong
> 定义加重语气
<sub
> 定义下标字
<sup
> 定义上标字
<ins
> 定义插入字
<del
> 定义删除字 <pre></pre>
预格式化
网页中有两种输入空格方式
表示一个半角空格
全角状态下的空格
无序列表
type=”square/disc/circle” 方块/圆点/空心圆 默认为disc
有序列表
<ol type="类型" start="起始数字"
>
<li
></li
>
</ol
>
type=”a A 1 I i”
自定义列表
<dl
>
<dt>标题</dt
>
<dd>描述</dd
>
</dl
>
表格
<table cellspacing="单元格间距" cellpadding="单元格填充" border="边框线"
>
<caption></caption
>
<tr
>
<td></td
>
</tr
>
</table
>
table表示表格 tr 表示行 td 表示单元格 th 表示标题单元格 caption 表示表头
colspan=”跨列数” rowspan=”跨行数”
表单:<form action="提交目标地址" method="get/post"></form>
表单元素:
单行文本框 <input type="text"/>
多行文本域 <textarea></textarea>
密码框: <input type="password"/>
单选按钮 <input type="radio" name="">
注:name值相同表示单选按钮组
复选框:<input type="checkbox"/>
文件域:<input type="file"/>
提交按钮:<input type="submit"/
>
重置按钮:<input type="reset"/>
普通按钮:<input type="button">
按钮<button></button>
下拉菜单
<select
>
<option value="" selected></option
>
</select
>
下拉列表
<select multiple
>
<option value="" selected></option
>
</select
>