2021-10-15

html是什么:html的第五个版本/一类技术的总称(html+css+js)

html能干什么(所有人机交互界面+后台)

一个网页的组成:结构 html  xhtml   xml  遵循w3c

                表现 css  遵循w3c

                行为  js   遵循ecma

单标签:

<meta>

<br>  换行

<base target=”_self/_blank”(_self在自身页面打开/_blank在新的页面打开)

<hr> 分割线里面属性可以有  width  color

<img src=” 路径(相对路径  绝对路径)”>:width/height  宽度 /高度

                                        title  鼠标悬停之后提示的信息

                                        alt  图片走丢后的提示信息

                                        Border 图片边框

双标签:

<html></html>根元素

<head></head>头部

<title></title> 设置网站的标题

<body></body> 身体

标题标签 h1~h6

段落标签  P

加粗标签  <b></b>   <strong></strong>

倾斜标签  <i></i>    <em></em>

删除线    <s></s>   <del></del>

上下标    <sup></sup>   上标    <sub></sub>

下划线    <u></u>   <ins></ins>

超链接<a></a>   包含属性 :        href  链接跳转的地址

                                 title   鼠标悬停时提示的信息

                                 target  设置打开方式包(_self/_blank)

                               <a href=”#想要跳转的地方的id值”></a>

                                图片超链接  注意标签的嵌套

                              居中标签 <center></center>

特殊符号 :空格     正常一个space的大小

                     一个文字大小

                     二分之一个文字大小

列表 : 有序列表  <ol type=”1/I/i/A/a” start=”从谁开始”>

                   <li></li>

</ol>  

        无序列表 <ul type=”none”>

                   <li></li>

</ul>

        自定义列表 <dl>

                      <dt>

<img src=”图片路径”>

</dt>

<dd>对上面dt进行解释</dd>

</dl>

表单

<form action=”提交的路径” method=”表单的提交形式”>   表单域:说明表单的区域

请输入你的姓名:<input type=””>  text 文本

                                   radio  单项框 必须name属性结合 且属性值相等

                                  checkbox  多选框

                      按钮:

                                  type=”password”  密码

                                  type= “button”  普通按钮

                                  type= “submit” 提交

                                  type= “reset”   重置

                                  type=”image” 图片按钮

                                 <button></button>提交按钮

                       下拉列表:

                                  <select>

\              <option></option>

</select>

                       文本框:

                                  <textarea></textarea>

                                    里面属性 cols=”一行中显示的字节数”  rows=”显示的行数”

                        属性:

                                value  给定一个初始值   

                                paceholder   :提示信息

                                name       :只有加name才能将信息提交

                                checked     :默认选中的(常用于单选框/多选框)

                                disabled    :表单的禁用

 <!-- 

        method  post 页面不显示

                get  显示

   -->

  <form action="http://www.baidu.com" method="post">

   <label for="text">文本框</label>

<input type="text" id="text" placeholder="请输入你的用户名" name="text_name"><br>(看day_02中的05)

css引入的方式

   行内引入  

 <input type="text" name="text_name" style="width: 500px; height: 400px”>

   内部引入

头部内加<style>

</style>

外部引入

优先级  行内样式优先级>内部样式=外部样式(比较谁在下面谁的优先级高

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值