HTML 简介

HTML简介

HTML(Hyper Text Markup Language):超文本标记语言,它不是一种编程语言,而是一种标记语言,它使用标记标签来描述网页。

HTML文档描述网页,也被称为网页,浏览器可以读取HTML文档,并以网页的形式显示出它们。

HTML主体框架

<!-- 文档声明 -->
<!doctype HTML> 
<!-- html的根标签(元素),网页中的所有内容都要写在根元素里边-->
<html>
	<!-- head为网页的头部,主要用来帮助浏览器或搜索引擎来解析网页 -->
    <head>
    	<!-- 通过meta标签设置网页的字符集 ,meta可以设置网页的元数据-->
    	<meta charset="utf-8"/>
        <title>网页基本结构</title>
    </head>
    <!-- html的子元素,表示网页的主体 -->
    <body>
    	<!--h1网页的一级标题 -->
    	<h1>网页的大标题</h1>
    </body>
</html>

HTML标签

这些标签一般是用尖括号包围的关键次,通常是成对出现的。标签对中的第一个标签为开始标签,第二个标签为结束标签。但也有单独的自结束标签

<b></b>  <!-- 成对标签 -->

<!-- 自结束标签 -->
<img/>
<input/>

标签的属性

  1. 属性与标签名使用空格隔开
  2. 并不是所有的属性都有属性值
  3. 属性格式:name="value"
  4. 属性总是在HTML元素中的开始标签中规定
  5. 一般属性值包含在双引号内,但是当属性值本身就含有双引号,那么就必须使用单引号。
<html>
    <head>
        <title>标签的属性</title>
    </head>
    <body>
        <h1>这是我的<font color="#A52A2A">第三个</font>网页</h1>
    </body>
</html>
属性 描述
class classname 规定元素的类名
id id 规定元素的唯一id
style style_definition 规定元素的行内样式
title text 规定元素的额外信息(可以在工具提示中显示)

基本HTML标签

HTML标题

<h1> - <h6> 等标签被称为HTML标题

但是一般只会用<h1> - <h3>。一个网页中一般只会有一个<h1>

浏览器会自动地在标题前后添加空行。HTML会自动地在块级元素前后添加一个额外的空行。

HTML段落

HTMl段落用<p>标签进行定义

HTML链接

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

HTML链接通过<a>标签进行定义,在href属性中指定链接的地址。

有两种使用<a>标签的方式:

  1. 通过使用href属性-创建指向另一个文档的链接
  2. 通过使用name属性-创建文档内的书签

<a href="https://www.cnblogs.com/1625--H/">Visit Blog</a>

Visit Blog

target属性可以定义被链接的文档在何处显示

_self 为默认值表示在当前页面打开
_blank 在新页面打开

<a href="https://www.cnblogs.com/1625--H/" target="_blank">Visit Blog</a>

Visit Blog

如果href属性值为#,可以跳到网页顶部,#后面紧跟id号可以跳到对应标签的位置。

HTML图像

HTML图像通过<img>标签进行定义。尽管属性可以对图像进行设置,但是我们尽量避免这么做。

属性

  • src="url",url指存储图像的位置
  • alt="***",alt属性用来为图像定义一串预备的可以替换的文本。

HTML表格

表格由<table>标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

  • <table>标签属性 border="1" 可以定义边框属性
  • 表头可以用<th><td>代替,浏览器默认显示为粗体居中的字体。

HTML列表

  1. 无序列表
    • 无序列表始于<ul>,每个列表项始于<li>
  2. 有序列表
    • 有序列表始于<ol>,每个列表项始于<li>
  3. 定义列表
    • 自定义列表以<dl>开始
    • 每个自定义列表项以<dt>开始,每个列表项的定义项以<dd>开始

其他

  1. <hr/> 标签在HTML页面创建水平线,可以用于分割内容。
  2. <!-- --> HTML注释
  3. <br /> 换行
  4. 格式化标签
  5. <q> 用于短引用、<blockquote>用于长引用
  6. <addr> 定义缩写或首字母缩略语。eg:<abbr title="World Health Organization">WHO</abbr>
  7. <dfn> 用于定义项目或缩写的定义
posted @ 2019-12-28 22:32  kpole  阅读(285)  评论(0编辑  收藏  举报