首页 / HTML / HTML基础知识总结
HTML基础知识总结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML基础知识总结,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1771字,纯文字阅读大概需要3分钟。
内容图文
![HTML基础知识总结](/upload/InfoBanner/zyjiaocheng/1094/bd98b7c05e194dce9d54806919497f8b.jpg)
1.
网页主要由文字、图片和按钮等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
2.web标准
w3c 万维网联盟组织,用来制定web标准
web标准(制定网页要遵循的规范):结构标准(html)、表现标准(css)、行为标准(js)
3.浏览器(客户端)vs服务器
4.html
a)
html (Hyper Text Markup Language ) 中文译为“超文本标记语言”,主要是通过html标记对网页中的文本,图片,声音等内容进行描述
<html>标记
<title>标记
<head>标记
<body>标记
<meta charset="utf-8">
b) 单标签
注释快捷键:Ctrl+/
文本换行<br>
水平线标签 <hr>
c) 双标签
段落标签 <p></p>
标题标签 <hn></hn> n的取值到6
文本标签 <font></font>
d) 图片标签
<img src=”图片的来源” alt=”替换文本” title=”提示文本” width=”宽” height=””>
e)超链接标签
5.sublime快捷键
6.列表
无序列表、有序列表、自定义列表
a)无序列表ul
无序列表中type属性的常用值有三个,它们呈现的效果不同.
默认值:disc
方块:square
空心圆:circle
b)有序列表ol
<ol type=value1 start=value2>
<li></li>
</ol>
c)自定义列表dl
<dl>
<dt>名词1(定义小标题)</dt>
<dd>名词1解释1(解释标题)</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
7.表格
a)表格至少由<table>、<tr>、<td>标签组成
<table 表格属性>
<tr>行
<td></td>列
</tr>
</table>
b)表格属性
c)caption标签定义表格标题,每个表格只能定义一个标题,标题居中于表格之上
d)th表头,常位于第一行或第一列,文本加粗居中。设置表头只需要替换对应的td即可。
e) 单元格合并
colspan=”2” 同一行单元格合并
rowspan=”2” 同一列单元格合并
8.表单(form)
a)表单的作用:数据采集
action:处理信息(把文件提交给那个文件处理)
method: get | post传递信息的方法
get:通过浏览器地址栏传递信息,安全性低。
post:通过action文件来处理文件,安全性高。
b)input控件
c)textarea控件
<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>
d)select控件
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
e)
表单信息分组
<fieldset></fieldset> 对表单信息进行分组
<legend></legend> 分组名称
9.标签语义化
好的标签语义化网站:去掉CSS,结构依然很清晰。
原文:http://www.cnblogs.com/lovely7/p/7113257.html
内容总结
以上是互联网集市为您收集整理的HTML基础知识总结全部内容,希望文章能够帮你解决HTML基础知识总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。