码迷,mamicode.com
首页 > Web开发 > 详细

HTML

时间:2019-09-13 20:32:43      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:body   默认值   结果   频道   key   BMI   空行   img   嵌套使用   

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

标签:body   默认值   结果   频道   key   BMI   空行   img   嵌套使用   

原文地址:https://www.cnblogs.com/zx125/p/11517218.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!