JAVAWEB学习01 ---HTML

如何开发一个HTML:

HTML(HyperText Markup Language,超文本标记语言)

超文本:不止是文本(还包括动画,视频,超连接,音乐,各种样式等)

标记性语言:定义一系列有特殊含义的标签,通过浏览器对这些标签进行解释,并以特殊的效果显示在浏览器中(渲染)。

HTML就是一个普通的文本文件,但是后缀是.html或者.htm

如:新建一个txt文件,取名未hello.txt

重命名未hello.htm

用浏览器打开,显示如下:

所以:html也就是普通的文本文件,只不过通过定义了特殊的标识,然后用浏览器进行解析后,呈现在人们面前。


基本语法:

①:所有的标签都是用<>扩起来的

②:标签名是一个字符串(事先定义好的)

③:标签要有起始,要有结束

④:有一类标签没有内容,如<br/>,所以他们以自己开始自己结束

⑤:标签可以有多个属性(属性名=“属性值”,属性与属性之间必要用空格隔开,属性名与属性值之间不能有空格,属性必须在开始的标签中)

如:<meta  charset=”utf-8”  keyword=”abc” />

⑥:在html中有一部分是没有属性值的   如:<input type=”text” disabled />

⑦:在html中所有的回车,空格,制表符(tab键)都回被压缩成空格,所有如果用这个,就需要记住特殊的标识符

如:回车:<br/>      空格:&nbsp;     <= :&lt     >= : &gt

⑧:在html中有些元素是自动换行的,如块级元素(block)

⑨:HTML是一种语法不严格的标记性语言。


文件标签介绍:

<html>:所有标签的父标签,所有其他的标签都要写在此标签中

<head>:设置页面相关信息的标签都在此标签中

<body>所有页面中要显示的内容都放在此标签中

<h1>--<h6>:标题标签

<hr/>:水平线标签

<p>:段落标签

<font>:字体标签

<img>:用于图片显示

页面布局:

       老式:用table表格进行页面布局(<tr>:标签表示表格中的一行,<td>:代表一个单元格,)

       现在:DIV+ CSS进行布局(盒子模式,浮动,定位)

表单标签:

       <form>:没有任何显示效果,但是所有的表单都放在form标签中

       <input type = "text">:文本输入框

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

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

       <input typt = "checkBox">:复选框

       <select><option>:下拉选框

       <select><option>:选择列表

       <textarea>:多行文本输入框

       <input type =“file”> :文件框

按钮:

        <input type = "submit">:提交

        <input type = "reset">:重置

        <inout type = "image">:图片按钮

        <input type = "hidden">:隐藏域

框架标签:

        <frameset>:把页面切分成若干个页面,每一块显示一个独立的页面

        <frame>

补充:

        <sup>:上标

        <sub>:下标

       <marquee>:走马灯

       <center>:居中

       <iframe>:软框架

HTML5:(如果想详细学习,可以百度w3c)

       <input type = "date">

       <input type = "text" name = "name" placeholder = “请输入姓名”>

       <embed>:引入资源进行播放

       <canvas>:画布   

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值