HTML语言浅层学习

HTML语言简介

        HTML语言是一种超文本标记语言,其中超文本指的是页面内可以包含图片、链接、声音、视频等内容。标记指的是通过标记符号来告诉浏览器网页内容该如何显示

HTML的基本语法

Head头标签:

        头标签包含了所有的头部标签标签:(例如)<title>,<style>,<meta>,<link>,<script>

        -<title>标签可定义网页的标题

        -<meta>标签可以提供有关页面的元信息

        -<link>标签可以在标题处进行修改

HTML的基本结构:

        <head>头部部分:包括网页标题等

        <body>身体部分:包括网页内容,可以是文本、图像之类

标签:

        HTML中的标记指的就是标签,使用标记标签来描述网页。

        结构:       

                <标签名>标签内容</标签名>        (闭合标签,有标签内容)

                <标签名/>        (自闭合标签,无标签内容)

标签属性

        标签可以拥有属性,属性用来进一步描述标签。

        属性的格式:属性名=“属性值”

        属性的位置:<标签名 属性名=“属性值”...也可以添加多个属性>标签内容</标签名>

常用标签

        标题标签<h1></h1>......<h6></h6>

        段落标签<p></p6>

        换行标签<br/>

        列表

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

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

        超链接<a></a>

        图像标签<img/>

超链接<a></a>

        使用超链接与网络上的另一个文档项链,通俗的说就是通过链接来访问其他网络资源

        使用范例:

        <a href = "http://www.baidu.com"  target = "_blank">百度</a>

                href(Hypertext Reference 超文本引用)规定链接指向页面的URL(页面地址)

图像标签

        基本语法:<img src="img.demo.jpg"  width="300"  height="150"  border="1">

        一般不建议使用图片的宽高

特殊符号转义

        HTML中预留了一些字符,因为在正常编辑的过程中我们使用的一些语言符号之类的会与某些符号产生冲突,这个时候如果我们想要使用其他意思的时候就需要使用转义符号

        -小于号:&It        -大于号:&gt        -空格:&nbsp        

        -版权:&copy        -商标:&trade        -注册商标:&reg

表格:

        表格顾名思义就是我们平常会见到的表格

表格的基本构成标签;

        teble标签:表格标签

        tr标签:表格中的行

        th标签:表格的表头

        td标签:表格单元格

表格的基本结构:

        <table>

                <tr>

                        <th>定义表头</th>

                </tr>

                <tr>

                        <td>定义单元格</td>

                </tr>

        </table>

表格的一些属性:

        width:表格的宽度

        height:表格的高度

        cellspacing:单元格之间的间距

        cellpadding:单元格内部内容与边框之间的距离

        align:表格在页面中的水平对齐方式

        valign:表格在页面中的垂直对齐方式

        cospan:单元格横跨的列数(合并单元格)

        rowspan:单元格纵跨的行数(合并单元格)

表单:

        网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器。

表单的一些使用范例:

        文本:<input type = "text" name = "username" value = "二狗" readonly = "readonly">

        密码框:<input type="password">

        单选按钮:<input type="radio">

        复选框基本语法:<input type="password">

        文件选择框语法:<input type="file">

表单-下拉框:

        <select name="bmon">

                <option value="">选择xx</option>

                <option value="100">        xx0        </option>

                <option value="101" selected="selected"(默认选中)>        xx1        </option>

                <option value="102">        xx2        </option>

        </select>

表单-多行文本域

        多行文本域基本语法:

        <textarea name="textarea" cols="40" rows="6">内容</textarea>

表单-按钮

        按钮基本语法:

        <input type="reset" name="Reset" value="重置">

        <input type="submit">提交表单内容到服务器

        <input type="button">普通按钮没有功能,只能被点击触发事件用

  • 38
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值