HTML简介
- 用记事本新建一个html
- Hyper Text Markup Language:超文本标记语言
- 标题标签:<h1> <h2> <h3> <h4>
- 属性用来修饰标签,属性值用双引号括起来
- html使用进行注释
- 建议使用UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
基本元素
- 标题:<h1>,<h6>
- 段落:<p>,paragraph,自带换行效果
- 粗体:<b> <strong>(强调语义的加重,有利于SEO)
- 斜体:<i> <em>(emphasized,语义加重,有利于SEO)
- 与格式:<pre>在网页中显示代码,类似于```
- 删除标签:<del>
- 下划线:<ins>
- 图像:<img>需要设置其属性,src指定图像的路径,本地同级文件,直接写文件名
- 超链:<a href="地址">超链显示的文本</a>
- 表格:<table> <tr> <td>,行合并rowspan,列合并colspan
- 列表<li>:无序列表<ul>,有序列表<ol>
- 块级元素:<div>,自动换行
- 行级元素:<span>,不会换行
- 字体元素:<font>,color,size
- 内联框架:<iframe>,网页中的网页
表单元素
- 文本框:<input type="text">
- 密码框:<input type="password">
- 表单:<form>用于向服务器提交数据,比如账号密码
- get和post的区别:一个可以在地址栏看到参数,一个看不到
- 单选框:<input type="radio">,分组则设置name属性
- 复选框:<input type="checkbox">,
- 下拉列表:<select> <option>
- 文本域:<textarea>
- 普通按钮:<input type="button">,普通按钮不具有提交form的效果
- 提交按钮:<input type="submit">
- 重置按钮:<input type="reset">,可以吧输入框的改动复原
- 图像提交:<input type="image">
- 按钮:<button type="submit">,更加灵活
网友评论