第二篇

2.在HTML里打多个空格需要使用标签,一般标签有&lt;=<,
> =>   =空格
回车标签

有序列表,成组出现
<ol>
<li></li>
<li></li>
<li></li>
</ol>
在ol里加上type=~可以显示各种计数方式(1234,abcd,i ii iii iv)
在type="1"后加上=reversed="reversed"变成倒序
在type=“1”后加上start=“X”
表示排序从X开始
ol和li用处不广泛

3.<ul>
<li></li>
<li></li>
</ul>
比较常用
一个大的功能有很多个功能子项来组成,每一个功能子项的功能和样式基本都是相同的,只不过他们的内容有一点差异,很多个功能子项组成了一个大功能,这样的功能最好用<ul>和<li>来展示,因为其更符合天生的结构

4.<img src="">引号内写图片地址
这是个图片标签
地址获取:I 网上url II 本地的绝对路径 III 本地的相对路径
当网页地址和图片 地址完全相同时,也就是在同一个文件夹下,这时HTML和图片路径成相对关系这时两者称为相对路径
图片和HTML成相对关系时,在引号内直接写图片名称。
如果图片和HTML不在同一地址,那他两的关系就称为绝对关系。在绝对关系下要引入图片就要把图片地址写完整
alt=“”此编码可用于图片展示出错时添加图片描述 此编码叫做图片占位符。
tittle=“”叫做图片提示符,在光标移动到图片上时可以显示图片提示。

5.a标签(<a href></a>)可用于添加超链接,a标签中的属性herf(hyperText reference 超文本参考)在herf里面添加网站地址可以跳转到网站。注意:在herf中要写网站地址,在标签内也要写网站地址。
在标签内加入target=“”可以显示在新的网页中打开网址
a标签第二个作用,作为锚点,在网页中可以固定位置显示,向下或者向上滑动不会消失。
第三个作用可以当打电话用,具体操作,herf=“tel:XXXXXX”
也可发邮件,操作 herf=mailto:1010010@163.com
第四个作用,协议限定符,跟JavaScript有关

6.form标签,能发送数据 在form后加上method,method是发送数据的方式,在method后加上action=.....,省略号代表地址。例子:<form method="get" action="http://www.xxxx.com"
http://www.xxxx.com是后端的模拟地址
在form标签里加入<input>组件可以加入密码框和文本框,具体操作
<input type="text">
<input type="password">
添加提交按钮
<input type="submit" value="登录”>
value后写提交按钮上的diy文字
代码需要可读性和可维护性
<input type="radio" name="" value=“”>此代码可以生成一个单选框,如果有多个选项,每个选项的name后都填相同数据。在value后写上该选项的数据,才可以在点击单选后提交
(如果想生成一个复选框,将radio改成checkbox)
在input里加一个属性checked可以添加默认选中,具体操作checked="xxx"
最后一个组件<select>
展示如下:
<select name=XXX>
<option></option>
<select>
option可以是很多个
可以构成一个选项菜单
在select里写数据名和数据值

浏览器及其内核
IE trident
Firefox Gecko
Google Chrome webkit/blink
safari webkit
Opera presto
在HTML里写备注 control+?
html负责结构
css负责样式
JavaScript负责行为
css=cascading style sheet 层叠样式表

引入css
1.行间样式 在组件后加入style
2.在head里加上style标签(页面级css)
3.外部css文件
用外部css时要重新生成一个css文件,文件最好和html保持相对路径,在新的css文件里生成div{},在括弧里填充各种样式条件,然后返回html文件,在head里添加一个link标签,将herf设置成css文件名,在body里添加想要的div,就大功告成啦!

加载网页时,网页会边加载边展示,HTML文件和css文件同时加载(异步加载)

4.选择器
在html的div里起一个ID,在内容里随便写啥,
然后在css里输入#+ID的值就可以选择到那个div 这叫id选择器,而且不同的div不能有相同的id
class选择器
在div后加上一个class,在内容里面随便写啥,
然后在css里输入.加class的值,就可以选择到那个div,不同的div可以有相同的class,而且还可以叠加class
ID选择器优先级比class选择器高
标签选择器,在css里输入div{}可以选择所有的div标签
通配符选择器
在css里输入*{},可以选择页面里所有的标签
在css里加上[...]可以写一个属性选择器
优先级:
!important>行间样式>ID>class=属性>标签选择器>通配符选择器
css权重值是256进制
下堂课讲权重

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

推荐阅读更多精彩内容

  • 1、HTML基础的基础** 1.1 什么是HTML: 全称Hypertext Markup Language:超文...
    涂涂小排屋阅读 253评论 0 3
  • 11、谈谈mvc的认识。由模型、视图、控制器完成的应用程序,由模型发出要实现的功能到控制器,控制器接收组织功能传递...
    像敏锐的狗阅读 373评论 0 2
  • 04这样做,谁会不喜欢你? 为什么要读一本如何赢得朋友的书呢?但是又有什么理由不向有史以来世界上最会交朋友的人取取...
    AKE训练营阅读 2,764评论 0 4
  • 1. 超级链接 2. 超链接的应用对象:文本、图片(注意,在IE浏览器下设置了超链接的图片会有边框) 3. 常用属...
    ss555566阅读 272评论 0 0
  • 这次主要是补充一些在实际开发(练习)中遇到的一些问题,记录下来,方便自己以后查找复习,如果恰巧也能捎带脚解决您的困...
    只敲代码不偷桃阅读 372评论 0 0