html基础知识

2021-07-14 02:04

阅读:285

YPE html>

标签:base   value   checked   分割线   orm   lin   下拉   页面   tip   


目录

  1. 什么是html
  2. html的文档结构
  3. html的常用标签

1.什么是html

html是超文本标记语言(HyperText Markup Language)。超文本表示可以链接文本 、图片、链接、音乐、程序等;标签表示html文件是各种各样的标签组成,其中包含单标签和双标签。单标签如


;双标签如。

html的运行环境为浏览器,而浏览器是用来打开网页的,浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又称之为 html。html文本的后缀名为.html.

注:html不是编程语言,而是标记语言

2.html的文档结构

下面为html文档的结构

 1 DOCTYPE html>
 2     html>
 3     head>
 4         meta charset="UTF-8">
 5         title>Documenttitle>
 6     head>
 7     body>
 8     
 9     body>
10     html>

 

文档声明

html5文档声明头 ,想要完整的使用html5语法,必须使用 文档声明头,声明当前文件是html5文件。

标签

定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。

标签

头部,通常情况下,里面写的内容是对于当前网页的一些预定义信息设置。包含标签,

标签。 <p><meta charset="UTF-8"> 设定当前网页的编码格式 meta标签是一个单标签,通过charset 属性,将其属性值设置为需要 的编码,即可为当前的网页设置编码格式。次标签与网站的seo优化有关。</p> <p></p> <title>,中间放网页标题。 通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码

还可以放其他标签如

标签

身体部分,网页里面要显示给用户看的内容,全部写在body标签里面

3. html的常用标签

带有语义的标签

  • 标签有h1~h6级标题标签
  • 段落

  • 分割线

  • 换行
  • 表示强调
  • 表示强调,比em更重
  • 定义缩写
  • 定义地址元素
  • 定义块引用,通常会产生缩进
  • 引用某本书,进行说明
  • 定义被插入文本
  • 定义被删除文本

带有样式的标签,同时带有语义

  • 定义粗体文本
  • 定义斜体文本
  • 定义大号文本
  • 定义小号字体文本
  • 上标文本
  • 下标文本
  • 定义文本显示方向,属性dir,值为ltr,rtl

输出类标签

  • 原样输出
  • 定义代码文本
  • 定义键盘文本
  • 定义变量

功能类标签

  • 定义超链接或锚点
    定义无序列表
    定义有序列表
  • 页面嵌套
  • 项目列表描述
  • 标签 属性有src="http://www.soscw.com/1.jpg" alt="替代文本" width="宽" height="长"
  • 定义图像映射
  • 定义图像映射内部区域
  • 基础连接
  • 定义表格
    • 表格标题
    • 表格页眉
    • 表格的行
    • 表格的单元格
    • 表格的头部
    • 表格的主干
    • 表格的尾部
  • 表单
    • 输入域。有type属性,alt属性,src属性,checked属性,disable属性等
    • 文本输入区,其属性有cols,rols,disabled,name,readonly
    • 按钮,其属性有type(reset,button,submit),name,value,disabled
    • 下拉菜单,属性有disabled,multipe,name,size
    • 定义选项分组,有label属性和disabled属性
    • 定义下拉列表选项,属性有disabled,label,selected,value
    • 表单中相关元素分组
    • 定义分组标题

html基础知识

标签:base   value   checked   分割线   orm   lin   下拉   页面   tip   

原文地址:http://www.cnblogs.com/Advanced/p/7077128.html

上一篇:HTTP协议

下一篇:Bootstrap (Web框架)


评论


亲,登录后才可以留言!