博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML基础
阅读量:5312 次
发布时间:2019-06-14

本文共 2598 字,大约阅读时间需要 8 分钟。

一、简介

  1、HTML:超文本标记语言;“”就是指页面内可以包含图片、,甚至音乐、等非文字元素

  2、一个HTML文件由<!DOCTYPE html>、head、body三部分组成。其中<!DOCTYPE html>用于申明规范(W3C规范)

二、head部分

  1、<meta>共有两个属性:name属性

    #keyword参数用来定义搜索关键字

    <meat name="keywords" ,content="定义关键字,某某">

 

    #description参数,用于在搜索界面中,对网站进行简介

    <meat name="description" ,content="网站内容简介">  

 

  2、<meta>共有两个属性:http-equiv属性

    #两秒后刷新并且跳转百度,如不写URL则表示刷新当前页面

    <meat http-equiv="Refresh" ,content="2;URL=http://www.baidu.com/">  

  3、设置页面标签

    <title>Fiirst Pag</title>  #设置标签名

    <link rel = "icon" href=../img/favicon,ico>  #为标签设置小图标  

 三、body部分

  1、基本标签(两个一样的标签能在同一行就是内联标签,否则就是块级标签)

    <hn></hn>  # n为[1,6],标题由小到大(块级标签)

    <p></p>    # 段落标签,包裹的内容被换行,并且中间空一行

    <br>     # 换行标签

    <b></b>    # 加粗(内联标签) strong标签也是加粗

    <strike></strike>  # 定义加删除线文本定义

    <em></em>  # 斜体

    <sup></sup> <sub></sub>  #上角标、下角标

    <hr>     # 水平线

  2、图形标签<img>

    <img src = "路径" height="300px" width="300px" alt="图片加载失败" title="鼠标放上面,显示该信息">

  3、超链接<a></a>

    #  target="_blank"表示跳转时新建一个页面。

    <a href="地址" title="鼠标放上面,显示该信息" target="_blank">点击</a>

 

    # 使用a标签页面内定位

    <a href="#abc">点击跳转到1号位置</a>

    <div id="abc">1号位置</div>

  4、列表标签

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

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

    # 自定义列表

    <dl>

      <dt>    # 标题

      <dd>    # 列表项

    </dl>

  5、表格标签

    border:表格边框 cellpadding:内边距 cellspacing:外边距 width:宽度,单位像素(一般用css)

    rowspan:单元格竖夸多少行 colspan:单元格横跨多少列

 
 
一列 二列
第一行1 第一行2
View Code

 

  6、表单标签:用于向服务器传输数据

    1、input元素:文本字段、复选框、单选框、提交按钮等等

      

# method 代表发送的方式,不写默认为get enctype是发送文件
# 将name的值作为key,用户的输入作为value;以字典的方式转送给服务器 用户名:
密码:
#单选框,将sex和用户选择的对应的value组成键值对发送给服务端 男
#复选框,将hobby和用户选择的多个对应的value组成键值对发送给服务端 足球
羽毛球
篮球
# 发送文件
View Code

  

     2、select元素:

      1、下拉选择 #multiple代表多选 size="2"显示连个

        <select name="language" multiple size="2">

          <option value="Python">Python</option>

          <option value="Java">Java</option>

          <option value="C++">C++</option>

         </select>

      2、下拉分类选择      

        <select name="Province">

          <optgroup label=湖南省>

            <option value="CS">长沙</option>

            <option value="YY">岳阳</option>

          </optgroup>

        </select>

 

转载于:https://www.cnblogs.com/ggboom/p/7436900.html

你可能感兴趣的文章
Matlab高级教程_第二篇:Matlab相见恨晚的模块_02_并行运算-1
查看>>
MySQL伪master+Binlog+同步【转】
查看>>
从0在windows上一次性上传本地整个项目(包含所有文件/文件夹)到 Github
查看>>
code first 如何创建索引字段
查看>>
如何下载WDK
查看>>
iOS-缓存
查看>>
Word Pattern
查看>>
django----基于Form组件实现的增删改和基于ModelForm实现的增删改
查看>>
hdoj--5526--欧拉回路(欧拉回路)
查看>>
zzulioj--1609--求和(数学规律)
查看>>
趣图:大佬如何解决bug的
查看>>
《构建执法》阅读笔记之五
查看>>
冲刺阶段—个人工作总结10
查看>>
使用Dapper时,如何将MySqlParameters[] 变成Dapper.DynamicParameters动态对象
查看>>
自定义简单的动画
查看>>
经典算法题汇总(持续更新)
查看>>
执行环境及作用域
查看>>
win7系统中的声音图标不见了怎么办
查看>>
u-boot-2018-09 分析 v1
查看>>
PostgreSQL 封装操作数据库方法
查看>>