本文详细介绍了HTML的基本语法和常用标签，包括文档结构、文本格式化、列表、图片、链接、表格、表单等元素的使用方法。
Html部分使用英文
<!DOCTYPE html> 声明
<html> 开始
<head>头部
<metacharset=”utf-8”>
<metaname=”值 关键词” content=”描述产品”/>
<title><title>标题
<link type=”” href=”” rel=””/>外部链接
</head>
<body>内容编辑处
</body>
</head>
常用标签
<div></div>块标签， <p></p>段落标签，块标签 <br/>换行标签，行标签
<h1></h1> 标题标签，有到<h6></h6>
<ul><li></li></ul>t无序列表，块标签
<ol><li></li></<ol>有序列表 属性：type
<dl></dl>定义标签 <dt></dt> <dd></dd>
<img/>链接图片，行内块标签， src链接路径title鼠标放进去提示文字alt图片破坏时显示文字
<a>超链接 行标签， href 路径属性 targe目标, _blank新打开页面
<b><i><u>文字属性，加粗 倾斜 下划线
<span>描述文字说明 行标签 <em>强调语句
<pre></pre>按照所编辑的呈现
<sub></sub> <sup></sup>
<table>表格
<tr></tr>行 <td></td>列
<table>
也可以这样 <table>
<caption><h3></h3></caption>标题
<thead><tr><th></th></tr>表格头部
<tbody>表格中部 在JS中为tBodies
<tr><td></td><tr>
</tbody>
<tfoot>表格底部
<tr><td></td><tr>
<tfoot>
属性 border=1是显示边框
cellspacing单元格之间的距离
clellpadding单元格与内容距离
Colspan单元格合并
rowspan水平之间的单元格合并
rowsborder-collapse美化边框、
<form>表单标签
<input />
type样式属性
text文本 password密码 radio单选 checkbox复选 button按钮 date日期
Unmber数值 range范围 submit提交按钮 reset重置（需要在form标签在才起作用）
checked选中 placeholder文字提示 file文件文档 Outline:none去掉边框阴影 value值 autofocus获取焦点 readonly只读 required必填项 max最大 min最小
</form>
font文字
font-famiy:字体类型 Microsoft YaHhei雅黑 simsun宋体
font-weight:字体加粗 normd bold blider 100-900
font-style:字体样式 normal正常 itblic倾斜
text-align:文字对齐方式 left左 right右 center中心
line-height:垂直对齐单位px 单行文字时取宽高的高度 也是行距，取字体的大小1.5到2.0倍
text-indent:文本缩进 单位em
text-decoratin:文字修饰 none 没有 underrline下划线 orerline上划线 line-through中划线
letter-spacing:字体之间的间距单位px
 空格一个代表一个空格
<frameset>框架标签 用这个框架标签那就必须去掉body这个标签
属性rows行 rows=”120，*，*”>
Clos列 clos=”50%，25%， *>单位可以是数字或许百分比 *代表是剩下的
<framel></framel> 引入的内容
</frameset>
<select>下拉框
multiple=”mulriple”设置所有文字能显示在下拉框中
<option></option>
</select>
<textsrea>
Style=resize:none固定宽高 clos宽度 rows高度
</textsrea>
<fieldset>包括起来的特殊框架
<legend></legend>标题文字
<需要填写的其他标签>
</fieldset>
筛选分类
<input type=”text” id=”a”/>
<datalist id=”a”> id值要一样
<option value=”内容”></option>
<option value=”内容”></option>
</datalist>
<progress></progress>进度条 <meter></meter>度量衡
后续更新》》》》》
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
