zoukankan      html  css  js  c++  java
  • html简单介绍(一)

    什么是html

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

    HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
    HTML 标签是由尖括号包围的关键词,比如 <html>
    HTML 标签通常是成对出现的,比如 <b> 和 </b>
    标签对中的第一个标签是开始标签,第二个标签是结束标签
    开始和结束标签也被称为开放标签和闭合标签

    HTML 文档 = 网页
    HTML 文档描述网页
    HTML 文档包含 HTML 标签和纯文本
    HTML 文档也被称为网页
    Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

    常用编辑器

    notepad、editplus、sublimit、webstrom

    注释

    <!-- 在此处写注释 -->

    html基础

    标题

    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>

    html段落

    <p></p>

     加粗

    <b></b>
    <strong></strong>

    回车

    <br />

    字体

    <font> 规定文本的字体,尺寸,颜色
    <font size = "字体大小" color = "字体颜色" face = "字体类型">要设置的文字 </font>
    size: 12,13
    color:red, blue, green, yellow,orange
    face: 黑体,宋体,微软黑体

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

    超链接

    <a href = "链接地址" target = "_blank">连接标志</a>
    a标签支持http协议
    标签target属性规定在何处打开链接文档
    target ="_self" 默认是连接到本页
    _blank 浏览器总在一个新打开,未命名的窗口中载入目标文档

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

    图像

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

    特殊字符

    空格: &nbsp;
    大于号: &gt;
    小于号: &lt;
    引号: &quot;
    &符号:&amp;
    版本号: &copy;

    列表

    无序列表

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

    无序列表始于 <ul> 标签。每个列表项始于 <li>。

    <ul type="disc/circle/square">
    <li>列表项1</li>
    <li>列表项2</li>
    </ul>

    有序列表

    <ol type = "1/A/a/I/i">
    <li>有序列表项1</li>
    <li>有序列表项2</li>
    </ol>

    自定义列表

    <dl>
    <dt>自定义列表1</dt>
    <dd>111111</dd>
    <dd>222222</dd>
    <dd>333333</dd>
    <dt>自定义列表2</dt>
    <dt>自定义列表3</dt>
    </dl>
    <dl>
    <dt>自定义列表1</dt>
    <dd>列表项111111</dd>
    <dd>222222</dd>
    <dd>333333</dd>
    <dt>自定义列表2</dt>
    <dt>自定义列表3</dt>
    </dl>

     

  • 相关阅读:
    ZOJ 2770 Burn the Linked Camp 差分约束
    作业04 一个简单的扑克牌游戏
    C++友元
    ZOJ 3645高斯消元
    CodeForces 55D 数位统计
    03类的设计和使用
    HDU 4522
    POJ 2559单调栈
    PL/SQL REPORT 开发模拟登陆
    修改报表心得
  • 原文地址:https://www.cnblogs.com/yangjian319/p/9297152.html
Copyright © 2011-2022 走看看