HTML学习笔记

《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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,546评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,224评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,911评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,737评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,753评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,598评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,338评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,249评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,696评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,888评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,013评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,731评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,348评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,929评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,048评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,203评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,960评论 2 355

推荐阅读更多精彩内容