1.基本结构:
2.页面编码:(默认)iso-8859-1
常见的字符集(charset):gb2312、gbk、utf-8
3.注释:
作用:
注释不需要的代码解释代码的意思
4.标签两种写法:①自闭合②对标签
一、常用标签分为以下几大类:行内元素、行内块元素、块元素
1.行内元素:默认按行显示,没有宽高,且不能设置宽高,实际宽高由内容决定
其有以下几个标签(常见举例):a标签、span标签、em标签、strong标签、br标签、label标签
①a标签:
超链接
目标资源地址:URL统一资源定位符;
target一般有三个:_self:覆盖当前页面;_blank:打开新页面;_parent:覆盖父级窗口
锚链接
②span标签:
③em标签:斜体字
④strong标签:字体加粗
⑤br标签:换行(两种写法)
⑥label标签:为input元素定义标注(标记)。一般用在单选按钮及复选框。通俗来说,使用该标签后,你点击单选按钮或复选按钮的提示内容(文本)也是可以选中的。
2.行内块元素:默认按行显示,有宽高,也可以设置宽高
其有以下几个标签(常见举例):form表单标签、input标签、select标签、textarea标签、button标签
①form表单标签:
其中:GET:显示的方式请求页面;POST:隐藏的方式请求页面;url:通俗来说指某种行为的执行人,和之前的超链接中URL一样。
②input标签:
text:文本框;password:密码框;radio:单选按钮 默认选中:checked;checkbox:复选框? 默认选中:checked;email:邮箱框;tel:电话框;number:数字框;
id:标签识别名称;唯一;前端;
name:名称;后端;
value:值;
autocomplete:当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。一般默认为on。设置成off表示禁用,表示不显示之前键入的选项;
placeholder:还没有输入字段时的提示信息,字段输入以后提示信息会自动消失;
readonly:只可读,不能往文本框中输入字段。
③select标签:下拉列表框
其中,这里的selected表示默认被选中。
举例说明:
④textarea标签:多行文本域
其中,rows表示行数;cols表示列数。
⑤button标签:
其中:type有三种类型:
submit:提交按钮;reset:重置按钮;button:普通按钮
disabled:表示此按钮被禁用
一般在安装软件都会有这种情况:点击我同意,才能点击下一步进行后续操作。
如何实现上述操作呢?需要用到<script></script>标签。列举两种方法
第一种,需要在checkbox添加一个onclick事件触发请求,再在head中写javascript脚本
第二种,直接在head中写javascript脚本
3.块元素:默认独占一行,没有宽高,但可设置宽高。
列举以下几个标签(常用标签):标题标签(h1——h6)、p段落标签、列表标签、div标签。
①列表标签分为:
无序列表有序标签定义列表
无序列表:
展现效果:以A,B,C…形式列表
有序列表:
展现效果以小方块形式列表,也可以以circle(空心圆)形式表示。
如果希望把小方块不显示,这里需要设置一下他的css格式。(css层叠样式表下一篇会说),这里先简单说明一下。
上图代码中,设置了一个class类名youxu。在css表里面写如下就可实现不显示小方块:
定义列表:
展现效果:
②div标签:header页头、footer页尾、nav导航栏、aside侧边栏、section主题块、artical独立块(可参考淘宝网的页面布局理解)
如果您觉得本文的内容对您的学习有所帮助:
关键字:
CSS