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

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

   一、HTML基础

1、基本元素<p>,<a>,<img>,<h1>-<h6>,<br>,<hr>;
    &nasp; <!--空格-->
    <p>段落标签</p>
    <a>超链接标</a>
    <img src="">图片标签
    <br/>换行标签
    <h1></h1>字号标题标签
    <hr/>横线标签
    <div> 容器标签
        class 属性 class="btm1 btm2"有两个class属性btm1 btm2
    <span> 分隔文字一般
2、table表格标签
    <table>表格, <tr>行, <td>列
    列的合并:colspan="2"
    行的合并:rowspan="2"
   
    RGB
    Red Green Blue
    #aabbcc
    #000000
    #4e2f89

3、无序列表标签的使用

    <ul>
        <li></li>
    </ul>
   
    <ul><li>标签有默认的格式,如果不需要其格式,可以在CSS中将list-style:none
   

    <br />  <!--换行-->

&nasp; <!--空格-->

<head>

    标签用于定义文档的头部,它是所有头部元素的容器。
    <head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
    文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
    绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
    <title> 定义文档的标题,它是 head 部分中唯一必需的元素。
   
<body>
    定义文档的主体。
    包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
   
<p> 标签是文字段落标签

<title> 标签是显示该page页面的标题名

   

<form>表单主要是用于传输数据给服务器,有结束标签

<input >一般都在<form>表单下,无结束标签

    有以下属性
    checked一般针对选项默认值选择
    type 属性有以下类型值
        button 按钮(多数情况下,用于通过 JavaScript 启动脚本)。
        checkbox 复选框,写多个同名的input ,value值填写提交给服务器的内容
        file 如上传文件等
        hidden 定义隐藏的输入字段。
        image 定义图像形式的提交按钮
        password 密码,输入显示为*号
        radio 单选框
        reset 重置键
        submit 提交整个表单
        text  定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符
       
<h1>-<h6>一共6个标题标签

<br />换行标签

<a> 超链接标签,最重要的属性是 href 属性,它指示链接的目标。

<img src="图片地址">图片标签

<hr />横线标签

<table>、<tr>、<td>标签组合使用表格

    <table>表示表格
    <tr>管理整行
    <td>管理行下面的对应列
    <td>属性有以下类型值
        colspan列合并
        rowspan行合并
       
<table  border="1" width="200" align="center" >
    <tr>
        <td colspan="2">222</td>
     
    </tr>
    <tr>
        <td>1</td>
        <td rowspan="2">1</td>
    </tr>
    <tr>
        <td>1</td>
      
    </tr>
    <tr>
        <td>1</td>
        <td>1</td>
    </tr>
</table>

转载于:https://www.cnblogs.com/ceshixuexi/p/7241682.html

你可能感兴趣的文章
cocos2d-x 3.0 场景切换特效汇总(转)
查看>>
The SortedMap Interface
查看>>
SniperOJ-leak-x86-64
查看>>
bzoj 4260: Codechef REBXOR (01 Trie)
查看>>
学好python
查看>>
css-IE中的border-radius和box-shadow
查看>>
利用bootstrap和webform的异步CRUD及分页
查看>>
HDUOJ 1879继续畅通工程(并查集)
查看>>
OC12_自动释放池
查看>>
Saiku资源帖
查看>>
解决手机页面中点击文本框,网页放大问题
查看>>
2-5
查看>>
牛客多校3 A-PACM Team(状压降维+路径背包)
查看>>
HDU - 4284 Travel(floyd+状压dp)
查看>>
1027 制作表格
查看>>
Android之Socket通信、List加载更多、Spinner下拉列表
查看>>
面向对象的介绍与特性
查看>>
typing-python用于类型注解的库
查看>>
20189215 2018-2019-2 《密码与安全新技术专题》第13周作业
查看>>
第四周作业
查看>>