美文网首页
HTML学习笔记

HTML学习笔记

作者: 魂梦云边 | 来源:发表于2016-12-15 21:29 被阅读0次
    《html笔记》
    
    
        1.属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
        比如属性值本身就含有双引号,那么您必须使用单引号,例如:
        name='Bill "HelloWorld" Gates'
    
        2.水平分割线: <hr/>
    
        3.html的注释:<!--文本说明-->
    
        4.<p> 标签:浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)
    
        5.换行标准写法:<br/>
    
        6.html中所有的 连续 的空行和空格都只视作一个  空格
    
        7.<pre>标签保留了空格和换行
    
        8.<q>标签添加引号
    
        9.<blockquote>标签内的内容每一行缩进两个字节
    
        10.<a> 标签定义超链接,用于从一张页面链接到另一张页面。
        在空白页打开添加  target="_blank"  在本页打开  "_self"   
    
        11.可以使用 id 属性来替代 name 属性,命名锚同样有效
    
        12.请始终将正斜杠添加到子文件夹。假如这样书写链接:
        href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。
        这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,
        就像这样:href="http://www.w3school.com.cn/html/"
    
        13.调到本页面的制定位置,例如:
        <a href="#la">调到  la  </a>
            <a name="la"> text </a>
    
        14.![](boat.gif)
        alt  表示图片丢失时用文本替换 显示在图片空白上
    
        15.添加背景图  <body background="./">  图像小于页面,就会重复
    
        16.让图片和文字显示在一行  <p>文本![]( )文本</p> 
         align="  "     bottom middle top为文本和图片对齐方式  bottom为默认对齐方式
         align="  " left right 为浮动方式
    
        17.html中的表格 标题用 <caption>  自动居中(相对于表格)
        表头用 <th> 标记  表头有时包含多个单元格使用 <th colspan="包含单元格数" >  </th>
    
        18. ol:有序列表,有序号  可用 start=" "表示从几开始  
            ul:无序列表,默认序号由圆点代替
            二者的子标签都是  <li>
    
        19. dl:自定义列表
    
        20. 块级元素在浏览器显示时通常都会以新行来开始(结束)
        例如:<h1>, <p>, <ul>, <ol>, <table>,<div>浏览器通常会在 div 元素前后放置一个换行符
    
        21. 内联元素在显示时都不会以新行开始
        例如:<b>, <td>, <a>, <img>, <span>:行内元素
    
        22. <div>关于边距的属性  margin:10px 外边距   padding:10px  上下内边距
    
        21. 外部样式表使用   <link rel="stylesheet" type="text/css" href="mystyle.css">
    
        22. 内部样式表:在 head 部分通过 <style> 标签定义内部样式表。
        例如:p {margin-left: 20px}
    
        23. 内联样式:在标签里使用  例如:<p style="color: red; margin-left: 20px">
    
        24. <frameset>将页面分成不同的框架  
        不能将 <body></body> 标签与 <frameset></frameset> 同时使用
        <frameset cols="25%,75%"> :列
        <frameset rows="25%,75%"> :行
        子标签<frame src="frame_a.htm">     可以嵌套使用
        假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,
        可以在 <frame> 标签中加入:noresize="noresize"。
    
        25. <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,
        指示浏览器在何处可以找到样式表,提供元信息,等等。
        以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>
        <link> 最常用于连接样式表
    
        26. <select> 下拉列表     <option> 元素定义待选择的选项。
        列表通常会把首个选项显示为被选选项。您能够通过添加 selected 属性来定义预定义选项。
        实例: <option value="fiat"   selected>Fiat</option>   fiat为默认选项
    
        27. 表单中的 radio (单选框)添加  checked  设为默认
        例如:<input type="radio" name="sex" value="male" checked>
    
        28. 表单中的 checkbox  (复选框) 注意:相同类型的  name  属性填一样
    
        29. 表单中的一些按钮可以使用   onclick="alert('表单已提交')"   弹出提示信息
    
        30. 表单中的  输入框属性  number  只能够输入数字 用  min  max  限制输入的范围
    
        31. 表单中的  date  输入时间
    
        32. multiple 属性是布尔属性。
        如果设置,则规定允许用户在 <input> 元素中输入一个以上的值。
        multiple 属性适用于以下输入类型:email 和 file。
    
        33. placeholder 属性placeholder 属性规定用以描述输入字段预期值的提示
        (样本值或有关格式的简短描述)。该提示会在用户输入值之前显示在输入字段中。可以占位
        
        34. required 属性是布尔属性。如果设置,则规定在提交表单之前必须填写输入字段。
        例如:<input type="text" name="usrname" required>
    
    

    相关文章

      网友评论

          本文标题:HTML学习笔记

          本文链接:https://www.haomeiwen.com/subject/rligmttx.html