HTML
Posted zx125
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML相关的知识,希望对你有一定的参考价值。
html
Hyper Text Makeup Language
超文本标记语言
超文本:可以表示图片,视频....
标记:图片文字,等可以表示超链接
HTML文档结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>标题标签</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<!DOCTYPE html> 文档声明头,表示使用哪个HTML版本编译,声明为 HTML5 文档
元素是 HTML 页面的根元素,lang表示用了什么语言,表示用了英文,HTML是最外层的标签,他表示网页内容的开始
元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。(网页的基本信息)
标签 | 意义 |
---|---|
title | 定义网页的标题 |
style | 定义内部样式 |
script | 定义JS和引用外部的JS文件 |
link | 引用外部的表文件或者样式 |
meta | 定义网页原信息,针对搜索引擎和更新频度的描述和关键词,用户不可见 |
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
http-equiv属性
它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
name
主要用于页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ‘,’号隔开,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率。让别人能够找到你,搜索到。
<meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
设置Description页面描述,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO(search engine optimization,搜索引擎优化)。
** 元素包含了可见的页面内容
元素定义一个大标题
元素定义一个段落
注释
常用标签
双闭合标签
<h1-6>
大标题
<title>
文档标题
<p>
段落,一般用来放文字,他会按照文字的格式显示文字,每个p标签之间会有空行
<strong>&<em>
可以在 等文本标签中嵌套使用,分别有加粗和斜体的功能 <ul>&<li> 无序标签 <ol>&<li> 有序列表,有数字排序 <dl>&<dt>&<dd>s 定义列表 dd描述dt <table>&<tr>&<th>&<td> 表格标签 <caption></caption>表格标题 cosplan:单元格横向合并 rowspan:单元格纵向合并 <a> 锚点 href #id 超链接 target _blank_在新的界面打开 _self_在当前界面打开 <form> 数据提交 action 服务器地址 method 提交方式 <select>&<option> 下拉列表 默认选中 checked 多选属性 multiple <textarea> 文本域 rows 列文字 cols 行文字 <lable> 可以和input关联 for <div> 容器 单闭合标签 <br> 换行标签(浏览器中把换行和多个空格表示一个空格)空白折叠 文本标签自带换行 <hr> 水平分割线 <img> alt 图片加载失败的时候显示 <input> input属性 type ? text 文本普通 ? password 文本加密 ? submit 提交 ? radio 单选框 ? checkbox 复选框 ? reset重置按钮 placeholder 文本框默认值 value 默认值  ; 一个空格 以上是关于HTML的主要内容,如果未能解决你的问题,请参考以下文章<table border="1" cellspacing="0">
<tr>
<th>数量</th>
<th>价格</th>
</tr>
<tr>
<td>电视</td>
<td>10000</td>
</tr>
</table>
<a href="www.baidu.com" title="跳转">百度一下</a>
特殊符号