HTML知识点

作用：设计网页的基础，HTML5现在流行

1.文本设置

常用标记

<h></h>  标题  标题大小1-7  变小

<p></p>  段落

<br/>      简单换行

<b></b>  加粗

<i></i>   斜体

<strong></strong> 加粗，带语义标签。搜索引擎更容易接受。

<em><em> 斜体，带语义。搜索引擎更容易接受。

<hr/>     水平分割线

<font>标签的属性    font的意思是字体，字形

   color  大小    <font color=”red”>  </font>

       size 颜色    <font size=”1”>  </font>   字体大小范围 1-7  变大

       face 字体       

Ctrl+R  运行/网页刷新

HBuilder 常用快捷键

Ctrl+D 删除光标所在的行

Ctrl+Shift+R 复制当前行到下一行

Ctrl+Enter 将光标移动到下一行

Ctrl+ Shift + Enter  将光标定位到上一行

Ctrl+ Shift +/  注释当前行

2.图片设置

 

 标签

 <img>

   src  设置图片路径

   width  设置宽度   写像素和百分比都可以

   height    设置高度

   alt    文件加载失败时的提示信息

   例子<img src=” ” width=“1000px” height=”200px”/ alt=”图片可能出问题了”>

路径问题

 ./当前路径

../上级路径

../../上上级路径

 

3.网页友情链接

       a链接标签

              无序列表

<ul  type=” ”>

       <li>   列表项 </li>

<ul/>

Ul 有type属性：小圆圈，小方块，默认小黑点

 

              有序列表

              <ol>

                     <li>列表项</li>

</ol>

常用属性

       Type指定序号的类型 a或者1

       Start 指定开始序号 只能是数字

 

B超链接标签  a

标签属性

href 指定要跳去的链接，要带上http协议  <a href=” ”>

target 指定打开方式

       self         默认打开方式，在当前窗口打开。如果访问的是本网站的HTML文件，可以直接写文件路径

       blank      打开一个新页面

 

       4．表格标签 table

               tr  行标签

               td  列表标签

           table 的常用属性:

                     width 设置表格宽度

                     height    设置。。。

                     border 设置边框

                     bgcolor 设置背景颜色，也可以单行单框设置

                     align 对齐方式，也可以单行单框设置

                     表格的合并

                     colspan 跨列合并  <li colspan=”2”>  跨两行合并

                     rowspan 跨行合并  从第几个列表项开始操作，就在第几个列表项上设置。

                     占了哪个列表项的地方需要删除对应的列表项

                     表格的嵌套。在对应的列表项中建立表格即可

5.表单标签 input

       属性

1:type=“”指定输入项类型

 Password密码,

   radio单选，单选时候  radio 设置name=””.取同一个名字可以确保是单选

 

 txt文本.

Textbook 多选。

textarea文本区域

Select 列表选择标签，子标签是option。

Submit 提交。后面高跟一个value标签，用来写入提交框的文本内容，不设置的话，会用浏览器默文本内容。

                     Date 日期选择框

              2．Name  指定输入项的内容

              3．Placeholder 表单项提示内容

 

6表单标签 form, 用来存放需要提交的信息

属性：

action 设置表单返回的地址

method 设置打开方式

    常用两个选项,是打开方式

                     Post 会将参数封装在请求体中，没有大小限制

                     Get 默认打开方式，将参数拼接载链接后面，有大小限制

7框架标签freamset  如果使用freamset，需要将body去掉

       属性 cols(按列划分页面)/row(按行….)=”所占百分比”

       子标签fream 单标记

                     子标签属性：src=“html文件”