编程►web

html基础

HTML简介

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)。
HTML 不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)。

HTML 使用标记标签来描述网页。

  • HTML 标签
    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
    HTML 标签是由尖括号包围的关键词，比如 。
    HTML 标签通常是成对出现的，比如 和 。
    标签对中的第一个标签是开始标签，第二个标签是结束标签。开始和结束标签也被称为开放标签和闭合标签。
  • HTML文档
    HTML 文档描述网页。
    HTML 文档包含 HTML 标签和纯文本。
    HTML 文档也被称为网页。
    Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。
  • 常用的HTML编辑器
    notepad
    editplus
    sublimit
    webstrom
  • HTML注释
    <!--此处写注释-->

    HTML基础

  • 标题 

    1
    2
    3
    4
    5
    6
    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>

  • 段落 

    1
    <p></p>

  • 加粗 

    1
    2
    <b></b>
    <strong></strong>

  • 回车 

    1
    <br />

  • 字体
    <font>规定文本的字体，尺寸，颜色。
    size: 12,13
    color：red, blue, green, yellow,orange
    face: 黑体,宋体，微软黑体 

    1
    <font size = "字体大小" color = "字体颜色" face = "字体类型">要设置的文字 </font>

行内在一行显示,段落里面可以用过多个标签。
span在样式中的时候才能现实其作用。

1
2
<span>行内</span>
<span>行内</span>

  • 超链接 
    1
    <a href = "链接地址" target = "_blank">连接标志</a>

a标签支持http协议。
标签target属性规定在何处打开链接文档。
target =”_self” 默认是连接到本页；_blank 浏览器总在一个新打开，未命名的窗口中载入目标文档。

链接到本页面

  1. 首先创建一个锚链接的锚记点：<a href=“#锚记点名称”>主题名称</a>
  2. 然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>（锚记点前面要加上#号） 
    1
    2
    id = "xiang"
    <a href = "#xiang">连接到本页的锚记点</a>

  • 图像
    图像标签（<img>）和源属性（Src）。
    在 HTML 中，图像由<img> 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
    要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
    src = “url” 图片地址或者本地路径
    alt = “美女” 当图片不显示时，显示的字
    height = “400” 高
    width = “400” 宽 

    1
    <img src = "image/mv1.jpg" alt = "美女" height = "1000" width = "400">

  • 特殊字符 

    1
    2
    3
    4
    5
    6
    空格：  &nbsp;
    大于号： &gt;
    小于号： &lt;
    引号： &quot;
    &符号：&amp;
    版本号： &copy;

Recommended Posts