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>表格标题

<table border="1" cellspacing="0">
    <tr>
        <th>数量</th>
        <th>价格</th>
    </tr>
    <tr>
        <td>电视</td>
        <td>10000</td>
    </tr>
</table>

cosplan:单元格横向合并

rowspan:单元格纵向合并

<a>

锚点

href #id

超链接

<a href="www.baidu.com" title="跳转">百度一下</a>

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 默认值

特殊符号

&nbsp;

一个空格

以上是关于HTML的主要内容,如果未能解决你的问题,请参考以下文章

HTMLHTML 标签 ③ ( 链接标签 | 注释标签 )

HTMLHTML 表单 ⑤ ( form 表单域 )

HTMLHTML 网页自动刷新

HTMLHTML 网页自动刷新

HTMLHTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )

PHP-HTMLhtml重要知识点笔记