百度前端实战训练营 笔记 1.2 HTML基础

<p class="hi">hello world! </p>-------------- 设置段落（class=”hi”为段落属性）

<!-- h1-h5标签的使用-->---------------------<h*>.................<h*>标题

<h1>我是一级标题</ha>

<h2>我是二级标题</ h2>

<h3>我是三级标题< /h3>

<h4>我是四级标题</ he>

<h5>我是五级标题< / h5>

<h6>我是六级标题< /h6>

<!--无序标签的使用-->----------------------------------------<ul>......................<ul>包裹标签

<ul> <li>..........................<li>标签

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<ul>

<!-—有序标标签的使用-->------------------------------------<ol>.....................<ol>包裹标签

<ol>

<l>有序列表<;li>

<l>有序列表</li>

<li>有序列表</li>

</ol>

<!--图片标签的使用-->

<img

width="180”--------------------------------图片宽度

height="130”-------------------------------图片高度

src="https : // b.bdstatic.com /searchbox /img/san_logo.png”---------图片地址

alt="san logo"-------------------如果地址出错则显示字符串san logo

/>

<!--图片资源无法或功加族—->

<img

src="https : // b.bdstatic.com /searchbox /img/san_logo.png”

alt="**********"-----------------------如果地址出错则显示字符串************

/>

<[--超链接属性-->

<a href=""https:// vncs . w3school.com.cn">w3School<fa>----------超链接，并显示w3School

https:// vncs . w3school.com.cn ---为网址

<! -一其包含的内容被认定为越需要着重阅读，一锻用斜体-->

<p>

这是一段普通的文本 <em>这是强调的内容<iem>----------------该段字体为斜体

<strong>这是强调内容</strong>-----------该段字体加粗

</p>

<!-- 默认值。单行的文本区域，输入中的换行会被自动去除。—->

<input type="text"/>----------------------会显示一个输入框可输入文字（text类型）

<br>

<input type="text" placeholder="请填写文本信息"/>-----输入框内部文字默认为（请填写文本信息）

<!--复选框，可设为选中或未选中。-->

<br>

<input type="checkbox"/> first checkbox---CheckBox为复选框 后接文字（ first checkbox）

<input type="checkbox" /> second checkbox

<br>

<!--优化写法-->---------------可以使你点击文字时，也可选择复选框（打钩）

<label

><input

type="checkbox"

id="cbox1-pro"

value="first_checkbox"

/ >first_checkbox< /label

<br>

<!-- 让用户选择文件的控件-->-------------------该控件可使用户选择本地文件

<input type="file"/>

<br>

<!--单选框—->-----------单个圆点选中则亮

</ label>

<input type="radio" />

first radio

</ label>

<label>

<input type="radio" name="radio" id="radio2"/>

second radio

</label>

<br/>

<!--控制范围-->

<input type="range"/P>

<!--提交-->

<input type="submit" />-----------提交按钮

<br/>

<!--多行纯文本编辑控件-->

<!-- cols表示文本域的可视宽度,rows表示元素的输入文本的行数（显示的高度)-->

<textarea name="story" rows="5" cols="20">

this is a textarea

</textarea>