HTML

2大类:块级元素 和 行级元素

*   块级元素独占一行

*   一个回车代表一个空格

*   <a>标签独有属性  href=""

*   &nbsp;  空格

*   点字选择用<label>  </label>


一、块级元素

<h1>ABCDE</h1>

<h2>ABCDE</h2>

<h3>ABCDE</h3>

<h4>ABCDE</h4>

<h5>ABCDE</h5>

<h6>ABCDE</h6> 




111111<p>这是p元素,是块级元素</p>22222



<div></div>


列表元素:

<ul>

<li>ABC</li>

<li>123</li>

<li>asd</li>

</ul>


######

<form action="写地址https:// www.baidui.com"  method=" ">

<input type="text" placeholder=" "(提示用户)   /> (输入框)   外面必有<form>

<input type="password" id=" "(不能以数字开头,id不能重复)/>(密码框)

 单选按钮   (name必须一样)

<label>男<input type="radio(收音机)" name="sex"></label>
<label>男<input type="radio" name="sex"> </label>

 多选按钮:

音乐<input type="checkbox" name="hobby">
体育<input type="checkbox" name="hobby">

小说<input type="checkbox" name="hobby">   



<br>    换行元素


下拉框:

年:<select>

<option>1990</option>

<option>1995</option>

<option>1992</option>

    </select>


文本域:

<textarea rows(行)="5" cols(列)="4">

</textarea>


按钮:


<button>提交</button>    默认提交走了

<input type="button" value="普通按钮">

<input type="submit" value="提交按钮"> (可以提交到服务器)

<input type="reset" value="重置按钮">(清除前面写的信息)

</form>


表格:

<table>

<tr>

    <td>春  </td>

    <td>夏   </td>

</tr>

<tr>

    <td>春 </td>

    <td>夏</td>

</tr>

</table>



二、行级元素

<span> </span>

<a></a>

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

<i>斜体字</i>

<label>2222</label>

图片标签 <img src=" QQ20180308233615.jpg" width="800px" height="600px"> 

<strong>  </strong>    加粗字体


三、元素的嵌套

<p>

    <div>你好</div>

</p>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,368评论 0 7
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 4,100评论 4 70
  • 公司最近人手极度空缺,领导一声令下,让我和另一个 Android 小伙去支援 Java 组开发。秉承着“一块砖”的...
    GinkWang阅读 776评论 0 15
  • html 只用来添加语义 不用来修饰 在企业中装扮一定要使用CSS 层叠样式表 没有设置宽高的图片 则默认图片大...
    Gukson666阅读 400评论 0 1