HTML手稿
标签:
1.网页中web 标准的三层构成?W3C 万维网联盟
布局(HTML)、表示(CSS)、行为(JAVASCRIPT)
标签分类:双标签
单标签
标签关系:嵌套关系
并列关系
<html lang = ‘zh-CN‘> 语言种类
<mate charset = ‘‘UTF-8> 字符集.万国码(各个国家都能显示页面的语言)
HTML 标签语义化让布局跟清晰
排版标签<h> 标题标签
<p> 段落标签
<hr/> 程度线标签
<br/> 换行
没有语义<div></div> 一行只能放一个。。。
span 一行能放多个
文本格局化标签i 斜体
strong 加粗
b 加粗
s 删除线
del 删除线
u 下划线
ins 下划线
标签属性 imgalt (不能显示图片时替换文本)
title 鼠标勾留
width 宽度
height 高度
borde 边框( 在图片边 加上一个框)
a内部链接
外部链接 加http
空
href 跳转方针 # (代表一个空)
target self _blank
a标签可以套img
路径相对路径
../上一级目录
锚点定位当点击某一个点,当即跳转到具体网页位置
<h3>第二集</h3> 具体定位的文本
<a href = "#two"> 链接文本 </a> 点击文本
<base target = "_blank"> 设置所有的a标签属性都在新窗口打开
特殊字符 
<div>&ls &ls<div> 小于号以后这样写
表格显示,,展示数据。才使用
<table>
<thead><thead>
<tbody><tbody>
</table>
<table>
<caption><h3>表头</h3></caption>
<tr>
<th></th>
</tr>
<tr>
<td></td>
</tr>
</table>
表格的布局划分<thead><thead> 用来界说表格头部 用来放标签之类的
<tbody><tbody> 用来界说表格主体
<tfoot></tfoot> 放表格脚注
表格属性th表头单元格会加粗显示
border = ‘1‘ 边框
width 宽
height 高
align 程度对齐方法 left right center. 不是表格中的数据 而是文档流中
cellspacing 单元格与单元格之间的距离
cellpadding 子和边框的距离
合并单元格跨行合并
-
-
-
<td rowspan = ‘2‘>照片</td>
多余的单元格删除去
跨列合并
---------------
<td colspan = ‘3‘>照片</td>
多余的单元格删除去
列表标签自由组合度更高
有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
自界说列表
<dl>
<dt>湖南</dt>
<dd>长沙</dd>
<dd>株洲</dd>
</dl>
表单redio
checked=’checked‘ 默认选中
chekbox
checked=’checked‘ 默认选中
button
img 图片提交按钮
<input type = ‘image‘ src = ‘#‘><input/>
lable
<lable for=‘id‘></lable>
获得输入光标焦点
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32762.html