HTML

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">，更加灵活