前端 HTML

浏览器内核:

渲染引擎(html css)

JS引擎(解析javascript代码,执行javascript语言来实现网页的动态效果)

Trident (IE内核)

Gecko(firebox)

Webkit(Safari)

blink谷歌

Presto(Opera)

 Web(万维网)标准的好处:

让web发展前景更广阔

内容能被更广泛的设备访问

更容易被搜寻引擎搜索

降低网站流量费用,易于维护,提高页面浏览速度

第一行  声明文档类型

<html>  </html>   根标签  

lang=”en”   属性

<title>   </title >  标题

标签关系:

嵌套关系

并列关系

标签分类:

双标签

单标签

标签的语义化:

方便代码的阅读和维护

同时让浏览器或者爬虫可以很好的解析,从而更好的分析其中的内容

使用语义化标签会具有更好地搜索引擎优化

nav  footer aside  header article section

标题标签

H1~h6

段落标签

P

换行标签

br  

div span 没有语义 div 独占一行 span 一行多个

b  strong 加粗

i  em 倾斜  

u  ins 下划线

s  del  删除线

hr 横线 浏览器多款我多宽  width = “400” 可以改变宽度

绝对路径:图片 属性 安全找对象

相对路径:./ ../

链接标签:

a

target=”_self”  

target=”_blank”  新窗口

<!-- base标签设置在head标签里面  实现整体a标签的打开方式 -->

<base target="_blank"> 新窗口

描点链接:

h id = one

a href = “#one”  点a 跳转 到 h

a标签的锚点定位如何实现

a href = “#one”  点a 跳转 到 h

特殊字符

列表:

无序列表:ul li

有序列表:ol li

dl dt dd

dt和dd在同级

表格:

table tr td  

换表头 td换th  th 居中加粗

table  caption 表格的名字 在表格的上中间 在table 里

Cellspacing 格与格之间的距离

Cellpadding 格与字之间的距离

Align center 在网页中的水平对齐方式

width   heigth

thead 头部

tbody

tfoot

Cowspan 是行合并

Rowspan 是列合并

表单控件:

表单域:form action =”#” method = “get/post” name=””    post加密

input 标签 type 属性

属性值:

text 当行文本输入框

password 密码输入框

<input type="radio" name="sex" value="nan" id="nan"> <label for="nan">男</label>

radio 单选按钮

checkbox  checked 复选框

button 按钮

submit 具有提交功能的按钮

reset 重置按钮

image 图片形式提交的按钮

file 文件域 提交文件的

name (input)控件的名称

value 控件中的默认文本值

maxlength 允许输入的最多字符数

文本域:

textarea resize

Name

下拉菜单:

设置默认选项

select option

optgroup lable=””

多媒体标签;

audio 音频 src=””

video 视频 src=””

controls 显示默认播放控件

autoplay 自动播放 谷歌不支持

loop 循环播放

muted 静音播放 谷歌用muted静音自动播放

source 多浏览器支持的方案

能设置宽高

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值