您的位置: 首页  >  文章  >  HTML基础

HTML基础

分类: 文章 • 2024-02-20 15:38:22

HTML

Hyper Text Markup Language超文本标记语言，描述网页的语言。

eclipse添加JavaEE支持

  • 在eclipse里，菜单栏Help->About Eclipse IDE
    HTML基础

  • 记住版本类型，我的是Photon。

  • Help->Install new software…->输入http://download.eclipse.org/releases/ + eclipse类型，选择对应的项安装即可。
    HTML基础

  • 新建project->Web->Static Web Project

Html基础

  • 基本结构
    < html > HTML文件的开头标记
    < body > 网页主体标记
    < head > 头标记，放置关于此HTML文件的信息，如提供索引、定义CSS样式、字体编码等。
    < title > 标题标记
  • 文本排版标签
    < p > 段路
    < br > 换行
    < h1> ~ < h6 > 标题
    < center > 居中
    < blockquote > 段落缩进
  • 列表

<ul > 无序列表 <li > </li >

  • 无序列表
  • 无序列表

<ol > 有序列表 <li > </li >

  1. 有序列表
  2. 有序列表

标记属性

  • align 水平位置，枚举：right/left/center/justify

<p align="right">

  • bgcolor <body bgcolor="red">背景颜色</body>
  • 文字样式
    < b>< /b> 粗体
    < i>< /i> 斜体
    < u>< /u> 下划线
    < s>< /s> 删除线
    < big>< /big> 放大
    < small>< /small> 缩小
    < strong>< /strong> 加强强调
    < em>< /em> 强调
    < address>< /address>
    https://www.****.net/
    显示电子邮件地址或网址
    < code>< /code> //代码与指令
  • 字体大小颜色
    Font标签及属性
    <Font color="blue" size="6" face="微软雅黑">Font标签及属性</Font>
  • 特殊符号
    <特殊符号©>上标下标
    &lt;特殊符号&copy;&gt;<sup>上标</sup><sub>下标</sub>

图片

  • 加载图片
    <img src="http://www.baidu.com/img/bglogo.gif"/>
    <img src="E:\picture\Red\redsheep.jpeg"/>
  • 尺寸
    <img width=" " height=" " src=" "/>
  • 替换文本和图片名称
    HTML基础
    <img alt="这是替换文本" title="这是图片名称" src="E:\picture\Red\redsheep.jpeg"/>

超链接

  • 文字超链接
    ****
    <a href="https://www.****.net/">****</a>
  • 图片超链接
    <a href="https://www.****.net/"><img alt="" src="****logo.png"></a>
  • 设置新窗口打开
    <a href="https://www.****.net/" target="_blank">****</a>
  • 电子右键链接
    <a href="mailto:[email protected]">联系我</a>需要系统绑定默认邮件软件
  • 框架链接

框架是网页布局工具，用于把浏览器的显示空间分割为几个部分，每个部分独立显示不同的网页。

<iframe height="30%" width="50%"></iframe>
iframe超链接，使用name属性命名，用target属性链接新网页在命名的框架内打开

****

相关推荐