找回密码
 立即注册
查看: 1482|回复: 0

[网络] html 基础 上

[复制链接]
发表于 2017-3-13 23:17:00 | 显示全部楼层 |阅读模式
HTML:超文本标记语言 告诉浏览器如何显示页面 是页面制作的核心语言

基本结构:头部<head>和主体<body>
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
    主体内容
</body>
</html>

<title>标签:文章标题 主题

<meta>标签:描述网页的具体摘要信息

<h1>-<h6>标签:标题标签

特殊符号:空格&nbsp; 大于&gt; 小于&lt; 引号&quot; 版权号&copy;

<p>标签:段落标签     行空一行
<br/>标签:换行标签   行不空行
<hr/>标签:水平线标签

<span>标签:范围标签 用于标识行内某个范围 修改颜色字体大小等
基本结构:sryle=""属性添加突出显示的样式
<span sryle="color:red font-size:40px;">文字文字</span>

<img/>标签:插入图片
基本结构:
<img src="图片地址" alt"图像的代替文字" title"鼠标悬停提示文字"/>

<a>标签:超链接标签 用来设置到其他页面的导航链接
基本结构:href是hypertext reference的缩写  target="" 指定链接在那个窗口打开 取值如下
_blank 新浏览器窗口 _parent _self _top
<a href="链接地址" target="目标窗口位置">链接文本或文字</a>

超链接的三种类型:页面间链接 锚链接 功能性链接

页面内锚链接基本结构:
<a name="123">目标地址</a>
<a href="#123">当前位置</a>
页面外锚链接基本结构:
<a name="123">目标地址</>
<a href="页面地址#123">当前位置</a>

<ul>标签:列表标签
基本结构:
有序:<ul><li>内容</li></ul>
无序:<ol><li>内容</li></ol>

<dl>标签:定义列表标签
基本结构:没什么用主要是保证排版一致 整齐
<dl>
<dt><img src="图片链接" alt="路由器" /></dt>
<dd>文字</dd>
<dd>文字</dd>
<dd>文字</dd>
</dl>

<!--想要隐藏的标签-->

表格用法:
<table>标签:表格标签
基本结构:tr行 td列一格 border表格边框
<table border="2" cellpadding="内容与内边框的长款距离" cellspacing"边框表格之间的长宽距离" width="宽" hegiht="高">
<tr>
<td colspan"所跨的列数" rowspan"所跨的行数"></td>
</tr></tabele>
表格高级用法:caption表格标题 th页眉 thead、tbody、tfoot表格数据分组标签
<table border="2" width="500">
<caption>1</caption>
<thead style="background:#CF0">
<tr>
<th>1</th>
<th>1</th></tr></thead>
<tbody style="background:#3F3">
<tr>
<td>1</td>
<td>1</td></tr></tbody>
<tfoot style="background:#00F">
<tr>
<td>1</td>
<td>1</td></tr></tfoot></table>


表单用法:
<from action="表单提交地址" method="提交方式">标签:
<input type=""/>用法:
type        单行文本输入
password    密码
radio       单选
checkbox    多选
reset       重制表单数据
file        文件上传
submit      提交表单数据
image       图像提交按钮
button      普通按钮
表单高级用法:

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

    小黑屋|Archiver|网站地图|免责声明|联系我们|( 苏ICP备13006442号-1 )

GMT+8, 2020-5-29 05:19

© 2009- 夏空社管理組/『夏日之空ACG論壇』運營委員會

Based on Discuz!. XKACG.NET code .

快速回复 返回顶部 返回列表