html(超文本标记语言)
html语法规则
标签,标签符号(标记,标签,节点,元素)----<>又称尖括号;
html语言必须写在标签符号里面;
html中的标签大多是成对出现;
关闭符号----/又称反斜杠;
具体写法:
<!DOCTYPE html> 描述当前文件的版本信息,如果没有详细说明4.0还是x1.0那就是5.0版本
<html> html文件
<head> 网页的头部
<metaa charset="utf-8"> utf-8是国际编码,如果不写或者写成其他都会有问题
<title>此处内容是网页标题</title>
<body>自己所写的代码都放这里面</body>
</html> 注:html文档不能正常识别回车和换行只能用特定的代码实现
编码工具:HBuilder
标签语义化
在合适的地方使用合适的标签
为什么?因为浏览器只认识标签,没有语音语调所表达的东西只能使用对应的标签来表示
好处:语义化做得好,可以使搜索引擎把网站排名更靠前
标签
h标签和p标签
<h></h>:代表文章标题,共六个依次变小
<p></p>:代表文章段落
img标签
img是一个单标签
<img src="图片名字" width="宽度" height="高度" alt="1,图片未加载的提示文字,2,网页阅读器可以读取这里的文字" title="鼠标悬停时的提示文字" />
注意属性名="属性值" 空格不能丢,符号都要使用英文状态下,属性设置不分先后,宽高设置其中一个,另外一个就能等比例缩放;
bui标签及其他
<b></b>粗线 <strong></strong>
b表示加粗
<strong></strong>表示加粗,多了强调语义
注意:strong表示特别强调,一篇文章中不要多次出现
<u></u>下划线
<i></i>斜线 <em></em>
i表示倾斜
em表示倾斜,多了强调语义
注意:em表示一般强调,一篇文章中可以多次出现
<s></s>删除线 <del></del>
s代表删除线
del也代表删除线,del是主流,s标签已经逐渐被淘汰
<br />换行
超链接
<a href="地址" target="_blank">文字</a>
不加target=_blank就会在当前页面刷新,加了后会打开新的页面
如果要跳转到线上地址必须加http://,本地文件直接写路径
空连接写法:1,### 2,JavaScript :; 3,JavaScript:void(0)三种均可
锚点链接:点击之后直接跳转到页面的相对位置;给想要跳转的位置写一个id属性,a标签的href属性写#id的值
子主题 4
表单
所有用户输入内容都要放入form标签中; <form action="" method="post">
</form>
action代表数据传输给哪个后台程序
method代表传输数据的方法
post表示加密
get表示不加密
<input type="" name="" id="" placeholder="" />或者<input type="" name="" id="" value="" />
input代表输入框标签(单标签)type类型决定这个输入框的类型,name属性代表这个输入框的名字,id打包输入框的id编号
其中注意1,type="text"代表普通输入框2,type="password"代表密码输入框。
value代表默认输入框(不符合用户体验,应该换成placeholder)
注意:placeholder属性ie低版本不兼容,但是我们实际工作中还要使用,因为渐进增强(随着浏览器版本的提升,效果越来越好),优雅降级(在高浏览器版本显示效果好的前提下,保证了低版本浏览器不错乱)。
路径
相对路径
绝对路径,尽量不要用
注释:ctrl+?<!-- 注释内容,用户看不到 -->