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> 预格式化
网页中有两种输入空格方式
&nbsp; 表示一个半角空格
全角状态下的空格
无序列表
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>

原创粉丝点击